p{ text-decoration: underline; /*添加下划线*/ text-decoration-color: red; /*设置下划线颜色*/ text-decoration-style: double; /*设置下划线类型*/ }
在以上代码中,text-decoration
属性用于添加下划线,text-decoration-color
属性用于设置下划线颜色,text-decoration-style
属性用于设置下划线类型。
常见的下划线类型包括:单线、双线、点状、波浪线等。以下是一些例子:
p{ text-decoration: underline; } /*单线下划线*/ p{ text-decoration: underline double; } /*双线下划线*/ p{ text-decoration: underline dotted; } /*点状下划线*/ p{ text-decoration: underline wavy; } /*波浪线下划线*/
需要注意的是,一些字体不支持下划线功能,因此需要在选用字体时格外留意。