html 中，水平线 <hr>设置虚线后 粗细问题

html-css013

html 中，水平线 <hr>设置虚线后 粗细问题,第1张

1、两头渐变透明：

<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>

2、纺锤形：

<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10>

3、右边渐变透明：

<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>

4、左边渐变透明：

<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3>

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，复制问题基础代码。

2、在index.html中的<body>标签中，加入html代码：<div style="width:1024pxheight:1pxbackground-color: #0000FFborder: 1px none #000000"></div>。

3、浏览器运行index.html页面，此时横线和竖向是差不多粗细的。