[分享]css去掉hr的默认样式

CSS可以轻易地去除HTML中的标签的默认样式。默认情况下，标签会有一条横线，一般的颜色为黑色。如果我们想要改变这种样式，可以使用CSS。hr { border: none; /去掉边框/ heigh...

CSS可以轻易地去除HTML中的

标签的默认样式。默认情况下，

标签会有一条横线，一般的颜色为黑色。如果我们想要改变这种样式，可以使用CSS。

hr {
    border: none; /*去掉边框*/
    height: 1px; /*指定高度*/
    background-color: #ccc; /*改变背景颜色*/
} 

通过设置边框为none，我们可以去掉默认样式中的边框。然后通过指定高度，可以控制线条粗细。最后，通过改变背景颜色，我们可以改变线条颜色。

如果我们想要去掉多个页面中的所有

标签的默认样式，可以在CSS中使用通用选择器。例如：

* {
    margin: 0;
    padding: 0;
}

hr {
    border: none;
    height: 1px;
    background-color: #ccc;
} 

通用选择器会匹配所有元素，这样我们就可以统一地为所有页面中的

标签去除默认样式。

总的来说，使用CSS去掉

标签的默认样式非常简单，只需要设置边框为none，指定高度，和改变背景颜色即可。