HR是CSS中的一个标签，它用来表示水平分割线，常用在网页中分割不同内容区块，让页面看起来更加清晰明了。

hr{border: none;border-top: 1px solid #ccc;margin: 30px auto;}

以上是HR标签的样式代码，在这段代码中，border属性是指分割线的边框，none表示无边框，border-top表示上边框，1px代表宽度为1像素，solid是实线边框，#ccc为边框的颜色值。margin属性用于设置分割线与上下元素的间距以及与左右元素的间距，auto表示自动计算间距。

在使用HR标签时，我们可以通过CSS样式表中的各种属性来优化分割线的样式，例如更改颜色、粗细度、边距大小等。注意，HR标签没有结束标签，使用时只需要在需要插入分割线的位置写上<hr>即可。

除了可以用普通的实线边框样式来表示分割线以外，HR标签还支持多种样式和属性，例如虚线边框、圆点边框等，可以通过CSS样式表进行设置。

hr{border: dashed 2px red;margin: 20px 0;}

以上是利用CSS样式表设置HR标签为虚线边框，并设置成红色，边框宽度为2像素的代码示例。

在设计网页时，合理使用HR标签可以使页面结构更加清晰有序，增强阅读体验。