CSS和hr标签绘制的分隔线

基础样式

实线

点线（1px和2px）

虚线（1px和2px）（浏览器默认，不同浏览器表现细节有差异）

双实线

疏密可控的虚线（浏览器表现一致）

两头虚的分隔线

斜纹分隔线

波浪线

阴影线

花样年华

中间有装饰

中间有多个装饰

装饰在两端

装饰复杂一点点

带文字内容

两端实线

两端虚线

两端淡出

内容装饰

其他

相关文章介绍：看hr标签分隔线如何玩出花

by zhangxinxu(.com)

2021-05-29