html怎么设置圆角矩形按钮彩虹条

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

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

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

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

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

七种颜色分别是:红橙黄绿青蓝紫

<div style=" background:#F00">赤</div>

<div style=" background:#F60">橙</div>

<div style=" background:#FF0">黄</div>

<div style=" background:#0C0">绿</div>

<div style=" background:#699">青</div>

<div style=" background:#06C">蓝</div>

<div style=" background:#909">紫</div>

赤色 【RGB】255, 0, 0 【CMYK】 0, 100, 100, 0

橙色 【RGB】 255, 165, 0 【CMYK】0, 35, 100, 0

黄色 【RGB】255, 255, 0 【CMYK】0, 0, 100, 0

绿色 【RGB】0, 255, 0 【CMYK】100, 0, 100, 0

青色 【RGB】0, 127, 255 【CMYK】100, 50, 0, 0

蓝色 【RGB】0, 0, 255 【CMYK】100, 100, 0, 0

紫色 【RGB】139, 0, 255 【CMYK】45, 100, 0, 0

---