[分享]css中怎么加一根线

CSS中加一根线可以通过border属性来实现，我们可以在选择器中设置border的样式、宽度和颜色来添加一根线。/ 选择器中添加一根下划线 / p.underline { borderbottom:...

CSS中加一根线可以通过border属性来实现，我们可以在选择器中设置border的样式、宽度和颜色来添加一根线。

/* 选择器中添加一根下划线 */
p.underline {
  border-bottom: 1px solid black;
} 

上面的代码中，我们定义了一个p标签的选择器，然后在样式中设置了border-bottom属性，这样就可以在p标签下方添加一根实线下划线，宽度为1像素，颜色为黑色。

/* 选择器中添加一根横线 */
p.horizontal-line {
  border-top: 1px dotted red;
} 

上面的代码中，我们定义了另一个p标签的选择器，然后在样式中设置了border-top属性，这样就可以在p标签上方添加一根点线横线，宽度为1像素，颜色为红色。

除了上下左右的四个边界外，我们还可以通过border-radius属性，设置圆角的大小和样式。

/* 选择器中添加一个具有圆角的矩形 */
p.rounded {
  border: 2px solid blue;
  border-radius: 10px;
} 

上面的代码中，我们定义了一个p标签的选择器，然后在样式中设置了border属性和border-radius属性，这样就可以添加一个具有蓝色粗边框和10像素圆角的矩形。

在编写CSS样式时，我们可以结合使用多个border属性来实现不同样式的线条效果，让页面看起来更加绚丽多彩。