在CSS中,<hr>
标签是用于创建分割线的,而我们可以通过CSS来改变它的样式。下面就让我们来学习一下如何使用CSS来改变<hr>
的样式。
/*改变分割线的颜色和宽度*/ hr{ color: red; height: 5px; }
上述代码将<hr>
的颜色改为红色,并将它的高度设置为5像素。
/*改变分割线的样式为虚线*/ hr{ border-style: dashed; border-width: 2px; }
上述代码将<hr>
的样式设置为虚线,并将线宽设置为2像素。
/*改变分割线的样式为粗线*/ hr{ border-style: solid; border-width: 5px; }
上述代码将<hr>
的样式设置为实线,并将线宽设置为5像素。
总的来说,CSS可以让我们自由地改变<hr>
的样式,使得它适应各种不同的设计需求。