css怎么加下划线?

对字体文字加下划线样式,有两种方法,一直直接使用html下划线标签,另外一种是使用CSS下划线样式。下面我们来看一下使用css添加下划线的方法。

css样式实现下划线样式的方法:

使用CSS样式:

:underline

使用语法:

div{text-decoration:underline} /* css注释说明:这样的表达将让DIV标签内文字字体加上下划线 */

示例:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>下划线 删除线 上划线实例 </title> 
<style> 
.divcss{text-decoration:underline} /* underline下划线 */ 
.divcss1{text-decoration:line-through} /* line-through删除线贯穿线 */ 
.divcss2{text-decoration:overline} /* overline上划线 */ 
</style> 
</head> 
 
<body> 
<div class="divcss">我被加下划线</div>  
<div class="divcss1">我被加贯穿删除线</div>  
<div class="divcss2">我被加上划线</div>  
</body> 
</html>

效果图:

1.jpg-600

text-decoration 属性:

text-decoration 属性规定添加到文本的修饰。

注释:修饰的颜色由 "color" 属性设置。

说明

这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。

属性值:

  • none 默认。定义标准的文本。

  • underline 定义文本下的一条线。

  • overline 定义文本上的一条线。

  • line-through 定义穿过文本下的一条线。

  • blink 定义闪烁的文本。

  • inherit 规定应该从父元素继承 text-decoration 属性的值。

以上就是css怎么加下划线?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑