在网页设计过程中，我们经常需要为页面的一些元素添加一些装饰效果。其中，加上条线可能是最简单、最实用的一种效果。那么在CSS中，怎么加条线呢？

/* 添加一条下划线 */
.element {
text-decoration: underline;
}
/* 添加一条上划线 */
.element {
text-decoration: overline;
}
/* 添加一条中间横线 */
.element {
text-decoration: line-through;
}

上面的CSS代码分别为添加下划线、上划线和中间横线。这些属性都使用了text-decoration属性，其中underline表示下划线，overline表示上划线，而line-through表示中间横线。

此外，如果我们要为这些条线添加一些样式，比如改变颜色、加粗等，可以使用text-decoration-color、text-decoration-thickness和text-decoration-style属性。

/* 改变下划线颜色为红色，加粗 */
.element {
text-decoration: underline;
text-decoration-color: red;
font-weight: bold;
}
/* 改变上划线样式为双线 */
.element {
text-decoration: overline;
text-decoration-style: double;
}
/* 改变中间横线粗细为4像素 */
.element {
text-decoration: line-through;
text-decoration-thickness: 4px;
}

以上代码演示了如何改变条线的颜色、粗细和样式。大家可以根据实际需要进行调整。

总的来说，加条线是网页设计中一个很基础、常用却又很好用的技巧。通过以上的示例，希望大家掌握了在CSS中加条线的方法。