首先打开sublime text软件,新建一个html文件,输入基本的html结构:
2.
然后设置一个div,并设置div的class属性,在上方的style中设置样式,设置背景颜色、高度和宽度并设置border边框和边框的圆角属性,完成后保存:
3.
最后打开浏览器就可以看到效果:
1、打开htm1软件，打开工作区空间，选择需要进行操作的文件夹，点击上方的新建文件选项。2、在弹出的文本框中给html文件命名，文件后缀名要以html结尾，文件命名为round，html，建议使用功能性的文件命名方式。
3、在新建的html文件中输入设置圆角矩形按钮彩虹条CSS代码。
4、在代码的空白区域右击在弹出的选项卡中选择Open，In，Default，Browser选项。
5、点击运行之后，在浏览器网页中显示出制作的圆角矩形彩虹条的效果。
