html5button默认圆角 html怎么设置圆角按钮

怎样input button 按钮添加圆角背景？

如果浏览器支持的话, 直接一个 radius 样式就可以了；

border-radius:4px;

-webkit-border-radius: 4px；

新建一个html文件，在html内写新建一个button标签：

input type="button" name="button" value="设置圆角" class="btn"；同时给button先加上样式：

btn{width: 200px;height: 30px;background: #ccc;border: 1px solid #eee;}；

预览html文件，可以看到现在button按钮暂时还没有圆角；

css样式设置圆角有专门的样式（border-radius），因此button按钮设置圆角可以加上：border-radius: 15px;

特别注意，border-radius样式目前只有高版本的浏览器才支持，例如谷歌浏览器，火狐，ie9+等浏览器；

如果你想兼容所有的浏览器，就可以考虑用背景图的形式设置，首先切出一张圆角按钮图片，然后用background样式设置背景图，而且设置合适的宽高，并去掉默认的边框；

再次预览html，button按钮圆角设置成功了，可以查看所有浏览器，均能正常显示。

相关问答

Q1: uibutton 默认的边框 是方形的，如何把它的border设置圆角型的

UIButton *signBtn = [UIButton buttonWithType:UIButtonTypeCustom];

signBtn.frame = CGRectMake(0, 0, 80, 40);

[signBtn.layer setMasksToBounds:YES];

[signBtn.layer setCornerRadius:10.0]; //设置矩形四个圆角半径

[signBtn.layer setBorderWidth:1.0]; //边框宽度

CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();

CGColorRef colorref = CGColorCreate(colorSpace,(CGFloat[]){ 1, 0, 0, 1 });

[signBtn.layer setBorderColor:colorref];//边框颜色

Q2: 怎样设置BUTTON的圆角

很多人都知道,通常设置一个 Button后者其他的UIView子类的圆角,需要使用如下的语句

span style="font-size:18px;"self.button.layer.cornerRadius=10;//即可/spanspan style="font-size:18px;"说明:这会用到layer图层的属性来实现,原因是在一个 UIView子类中/span

Q3: html5中button怎么边框怎么弄成圆角

在HTML中把块的边框做成圆角需要利用css的border-radius属性。

操作步骤：

1、打开Adobe Dreamweaver CC 2015。

2、执行菜单栏中的"文件的新建"命令或按住Ctrl+N键打开"新建文档"对话框，选择其文档类型为HTML，单击"创建"按钮，即创建一个网页文档。

3、在body和/body之间添加"form/form"，如下图所示。表单使用的form标记是成对出现的，在首标记form和尾标记/form之间的部分就是一个表单。

4、在form和/form之间添加"input name="text" type="submit" value="登录" class="input_box""，如下图所示。

5、在head和/head之间添加"style type="text/css"/style"，如下图所示。

6、在style type="text/css"和/style之间添加".input_box{width:360px; height:40px; border-radius:20px; border-style:none; background:#ec6941;font-size:14px; color:rgba(249,248,248,1.00);}"，如下图所示。

7、保存网页文件，按住F12键可以在浏览器中预览效果，如下图所示。

语法说明

输入input是个单标记，必须嵌套在表单标记中使用，用于定义一个用户的输入项。

name属性：输入字段的识别名称，传递数据时的参数名称。

type属性：输入字段的类型。button是表单通用按钮。

value属性：表单字段预设数据值。例如用于button、submit、reset等字段类型指的是按钮标签的显示文字。

class属性：对应于网页中的CSS选择器名称。

Q4: 如何把一个button的左上角设为圆角，其他为直角，并且有边线，急求

border-top-left-radius:5px;

border:5px solid red;

可以自己调

圆角角度: border-top-left-radius:5px

边线颜色 red

边线厚度 5px

关于html5button默认圆角和html怎么设置圆角按钮的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。