要设置一条1像素粗的水平线,应使用的HTML语句是_ _ .

要设置一条1像素粗的水平线,应使用的HTML语句是_ _ .,第1张

height:1pxfont-size:0pxbackground:#ff0000//理论上是这样写,但是这种写法兼容性不强。

html本身自带的<hr>标签就是水平线,但是基本没人用,自带样式太不美观了。

所以不妨换个思路,用border 来解决。

height:12pxfont-size:12pxborder-bottom:1px solid #ff0000

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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8328957.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存