CSS 文本修飾text-decoration
這個(gè)屬性允許對(duì)文本設(shè)置某種效果，如添加下劃線(xiàn)。如果后代元素沒(méi)有自己的裝飾，祖先元素上設(shè)置的裝飾會(huì)“延伸”到后代元素中。不要求用戶(hù)代理支持blink。
text-decoration的值可以是以下幾種：
?none：默認(rèn)。定義標(biāo)準(zhǔn)的文本。
?underline：定義文本下的一條線(xiàn)。
?overline：定義文本上的一條線(xiàn)。
?line-through：定義穿過(guò)文本下的一條線(xiàn)。
?blink：定義閃爍的文本。
?inherit：規(guī)定應(yīng)該從父元素繼承text-decoration屬性的值。
【例題】設(shè)置文本修飾效果
代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body
font-size: 20px;
}
p{
text-decoration: none;
}
div{
text-decoration: underline;
}
span{
text-decoration: overline;
}
em{
text-decoration: line-through;
}
</style>
</head>
<body>
<p>這是一行普通文字</p>
<hr/>
<div>這是一行擁有下劃線(xiàn)的文字</div>
<hr/>
<span>這是一行擁有上劃線(xiàn)的文字</span>
<hr/>
<em>這是一行擁有中間線(xiàn)刪除線(xiàn)的文字</em>
</body>
</html>
湘公網(wǎng)安備:43011102000856號(hào) 
點(diǎn)擊加載更多評(píng)論>>