您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> Html5 >> 设置htmlhr颜色

设置htmlhr颜色

作者:佚名    责任编辑:admin    更新时间:2022-06-22

欢迎大家在这里学习htmlhr颜色!这里是我们给大家整理出来的精彩内容。我相信,这些问题也肯定是很多朋友在关心的,所以我就给大家谈谈这个!

我用的编辑器是eclipse,这个根据个人喜好来定,用什么都无所谓的,就算你直接用txt也照样能实现这里的效果,毕竟只是静态。

第一种:

<hr style=" height:2px;border:none;border-top:2px dotted #185598;" />

height:2px;是hr的高度

border:none;是没有边框

border-top:2px dotted #185598;是设置横线的样式

dotted  虚线  #185598  颜色

第二种:

<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />

第三种:

<hr style="height:1px;border:none;border-top:1px solid #555555;" />

第四种:

<hr style="height:3px;border:none;border-top:3px double red;" />

第五种:

<hr style="height:5px;border:none;border-top:5px ridge green;" />

第六种:

<hr style="height:10px;border:none;border-top:10px groove skyblue;" />

border-top:10px groove skyblue;    groove  上颜色        skyblue   下颜色

只要hr样式用的好,会让你的网页活灵活现的哦!

好了,htmlhr颜色内容就给大家介绍到这里了。希望大家继续关注我们的网站!

相关推荐:

如何设置htmldiv背景颜色呢 

htmlbutton颜色介绍