在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选择器名称。
html边框圆角化可以用css中的“border-radius”属性来实现。
1、新建html文档，在body标签中添加一个div标签，然后为这个div标签设置边框，这时默认情况下边框是直角：
2、为div标签设置“border-radius”属性，属性值为圆角半径大小，这时边框的四个顶角都会变成圆角：
3、为div标签设置“border-radius”属性，属性值分别对应边框的左上角、右上角、右下角和左下角，这时可以对每个顶角自定义设置圆角半径：
圆角一共有四个参数，分别是左上、右上、右下、左下。
如果只设定一个参数，那么四个角都用这一个参数；
如果只设定3个参数，那么第四个参数和第二个参数一样，即：左上和右下一样，右上和左下一样，类似padding和margin的四个参数。
