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

html-css023

html怎么设置圆角矩形按钮彩虹条,第1张

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

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

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

4、在代码的空白区域右击在弹出的选项卡中选择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>