CSS定义HR水平线样式

CSS定义HR水平线的几种样式，不要小看了HR水平线哦，用好了会给你的网页增色不少，这一段代码分别定义了几种漂亮的HR样式及颜色，包括水平线变虚线，供你参考，代码如下：




<a href="https://webapproach.net/tag/css" class="tag-tooltip" data-toggle="tooltip" title="查看更多关于 CSS 的文章" target="_blank">CSS</a>定义<a href="https://webapproach.net/tag/hr%e6%b0%b4%e5%b9%b3%e7%ba%bf" class="tag-tooltip" data-toggle="tooltip" title="查看更多关于 HR水平线 的文章" target="_blank">HR水平线</a>

以下为运行示例：

文章来源：源码爱好者