css中怎么出现一条线

CSS中有时候需要用到一条线，例如在分割线、下划线和修饰线的情况下。下面就让我们来了解一下如何在CSS中生成一条线。

/* 生成一条下划线 */

.underline {
  border-bottom: 1px solid #000;
}

/* 生成一条分割线 */

.separator {
  height: 1px;
  background-color: #000;
  margin: 10px 0;
}

/* 生成一条修饰线 */

.decor-line {
  border-style: dashed;
  border-width: 1px 0;
  border-color: #000;
}

以上是三种常见情况下生成一条线的方法。

其中，在生成下划线的时候，我们使用了border-bottom属性，将底部边框的样式设置为solid（实线），颜色设置为黑色，这样就可以生成一条实线的下划线。

在生成分割线的时候，我们设置了高度为1px，背景色为黑色，同时设置了上下边距为10px，这样就可以在页面中生成一条黑色的1px高度的分割线。

而在生成修饰线的时候，我们使用了border-style属性，将样式设置为dashed（虚线），同时将上、下边框的宽度设置为1px，左右边框的宽度设置为0，颜色同样为黑色，这样就可以生成一条虚线的修饰线。

总之，使用CSS生成一条线非常简单，只需要根据不同情况选择不同的属性和属性值即可。