css上划线下划线删除线

在网页设计中，样式表（CSS）是实现网页美观效果的重要组成部分。CSS不仅可以设置字体、颜色、大小等样式，还可以添加各种线条效果。本文将讲解CSS中如何制作上划线、下划线和删除线。

要给文本添加线条效果，可以使用text-decoration属性。text-decoration属性有四个可选值：none、underline、overline和line-through。其中，none为默认值，即没有任何线条效果。下面是各种效果的CSS代码示例：

/*下划线*/
text-decoration: underline;

/*上划线*/
text-decoration: overline;

/*中划线*/
text-decoration: line-through;

/*同时多个效果*/
text-decoration: underline overline line-through; 

同时，text-decoration还可以设置颜色和样式。下面是一些常用的属性：

/*添加删除线，颜色为红色*/
text-decoration: line-through red;

/*设置为虚线*/
text-decoration: underline dotted;

/*设置为实线，颜色为蓝色*/
text-decoration: overline solid blue; 

需要注意的是，text-decoration不仅可以用于文字，还可以用于链接。当链接被访问过后，通常会自动加上下划线效果。可以利用text-decoration进行修改。例如，去掉下划线，改为下划线颜色为红色，这可以通过以下代码实现：

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline red;
} 

上述代码表示鼠标悬停在链接上时，添加红色下划线效果。

总之，text-decoration属性十分灵活，可以在各种文本场景中加上不同的线条效果，提高页面设计的美观度和可读性。