html边框圆角化代码

html边框圆角化可以用css中的“border-radius”属性来实现。

1、新建html文档，在body标签中添加一个div标签，然后为这个div标签设置边框，这时默认情况下边框是直角：

2、为div标签设置“border-radius”属性，属性值为圆角半径大小，这时边框的四个顶角都会变成圆角：

3、为div标签设置“border-radius”属性，属性值分别对应边框的左上角、右上角、右下角和左下角，这时可以对每个顶角自定义设置圆角半径：

1、在HTML中设置圆角边框有两种常见的方式。

2、一种设置圆角的方式是使用图片。把输入框设置为无边框模式，然后显示背景图，背景图里画一个圆角边框即可。

3、另一种设置圆角的方式是设置border-radius属性，border-radius即为圆角边框属性，但是IE9之前的版本是不支持这个属性的。

4、希望对你有帮助。

1、打开htm1软件，打开工作区空间，选择需要进行 *** 作的文件夹，点击上方的新建文件选项。

2、在d出的文本框中给html文件命名，文件后缀名要以html结尾，文件命名为round，html，建议使用功能性的文件命名方式。

3、在新建的html文件中输入设置圆角矩形按钮彩虹条CSS代码。

4、在代码的空白区域右击在d出的选项卡中选择Open，In，Default，Browser选项。

5、点击运行之后，在浏览器网页中显示出制作的圆角矩形彩虹条的效果。

---