css中hr怎么变成虚线 |淘宝css代码生成器下载

hr {
border: none;
border-top: 1px dashed #ccc;
}

上面的代码是将hr标签的边框样式设置为无，然后再设置上边框的样式为1像素虚线，颜色为#ccc。这样就可以将hr标签变成虚线了。

另外，大家还可以设置虚线的样式为点状。代码如下：

hr {
border: none;
border-top: 1px dotted #ccc;
}

将上边框的样式改为点状即可。