CSS 文本修飾text-decoration
提問人：劉團圓發(fā)布時間：2020-11-17
這個屬性允許對文本設置某種效果，如添加下劃線。如果后代元素沒有自己的裝飾，祖先元素上設置的裝飾會“延伸”到后代元素中。不要求用戶代理支持blink。
text-decoration的值可以是以下幾種：
?none：默認。定義標準的文本。
?underline：定義文本下的一條線。
?overline：定義文本上的一條線。
?line-through：定義穿過文本下的一條線。
?blink：定義閃爍的文本。
?inherit：規(guī)定應該從父元素繼承text-decoration屬性的值。
【例題】設置文本修飾效果
代碼如下：
<!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>這是一行擁有下劃線的文字</div>
<hr/>
<span>這是一行擁有上劃線的文字</span>
<hr/>
<em>這是一行擁有中間線刪除線的文字</em>
</body>
</html>
繼續(xù)查找其他問題的答案？
相關視頻回答
湘公網安備:43011102000856號 
點擊加載更多評論>>