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

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

在HTML中把块的边框做成圆角需要利用css的border-radius属性。
操作步骤：
1、打开Adobe Dreamweaver CC 2015。

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


3、在和之间添加""，如下图所示。表单使用的之间的部分就是一个表单。

4、在之间添加""，如下图所示。


5、在和之间添加""，如下图所示。

6、在之间添加".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键可以在浏览器中预览效果，如下图所示。

语法说明

输入是个单标记，必须嵌套在表单标记中使用，用于定义一个用户的输入项。
name属性：输入字段的识别名称，传递数据时的参数名称。
type属性：输入字段的类型。button是表单通用按钮。
value属性：表单字段预设数据值。例如用于button、submit、reset等字段类型指的是按钮标签的显示文字。
class属性：对应于网页中的CSS选择器名称。

button{
        border-radius:50PX;
    }

　　工具：

　　Dreamweaver
　　电脑
　　方法：

打开Dreamweaver，新建HTML

在HTML中输入如下代码

在浏览器打开即可查看到已变为圆角显示了

说明：在上面代码中，关键就是“border-radius:5px;”此条语句
定义和用法:
border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。
提示：该属性允许您为元素添加圆角边框！