CSS中划线是网页设计中常见的一种样式效果，它可以用来表示文字的删除、标注和注释。在CSS中，划线有两种实现方式：使用text-decoration属性创建文本装饰效果和使用border和outline属性创建线条效果。下面我们逐一介绍这两种方法。

/* 使用text-decoration属性创建文本装饰效果 */.text-decor {text-decoration: line-through; /* 添加中划线 */text-decoration: underline; /* 添加下划线 */text-decoration: overline; /* 添加上划线 */text-decoration: line-through underline; /* 添加中划线和下划线 */}

在以上代码中，我们使用text-decoration属性来添加划线效果，包括中划线、下划线和上划线等。我们可以根据需要添加不同效果的划线，还可以使用多个text-decoration属性同时添加多种样式，包括中划线和下划线的组合。

/* 使用border和outline属性创建线条效果 */.border {border-bottom: 1px solid black; /* 添加下划线 */border-top: 1px solid black; /* 添加上划线 */border-left: 1px solid black; /* 添加左侧线条 */border-right: 1px solid black; /* 添加右侧线条 */text-decoration: none; /* 取消文本装饰效果 */}.outline {outline: 1px dotted black; /* 添加虚线边框 */}

在以上代码中，我们使用border和outline属性来创建线条效果，包括下划线、上划线、左侧线条、右侧线条和虚线边框等。我们可以使用不同的属性来创建不同的线条效果，还可以使用text-decoration属性来取消文本装饰效果，以便更好地控制划线效果的显示方式。