1、打开编辑器,新建一个HTML,并定义一个div,并给50px的高度:
2、接下来在style中设置div的样式,这里使用linear-gradient()编写一个默认方向的红蓝渐变,渐变的方向可以省略的:
3、如果想设置渐变方向为从右至左,只需要给linear-gradient加一个“to left”属性就可以了:
4、保存文件查看生成的指定方向的渐变,可以看到浏览器中显示出红蓝的渐变色。以上就是用在html中设置渐变色的步骤:
<HR align=center width=300 color=#987cb9 SIZE=1>
align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度(变浅只需要更改颜色)
两头渐变透明:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
....你可以多了解一下这个样式 数值变化
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)