text-decoration：[ text-decoration-line ] || [ text-decoration-style ] || [ text-decoration-color ] 默

時間 2019-12-05

標籤 text decoration line style color 欄目 HTML 简体版

原文原文鏈接

css3中字體裝飾，多樣化的界面效果，：css

[ text-decoration-line ]：指定文本裝飾的種類。至關於CSS2.1的 text-decoration 屬性，html

可取值：none | underline | overline | line-through | blink （Firefox1.0及Opera4.0開始支持blink，其它瀏覽器尚不支持）前端

[ text-decoration-style ]：指定文本裝飾的樣式。[ text-decoration-color ]：指定文本裝飾的顏色。：下面請看實例代碼：css3

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>text-decoration_CSS參考手冊_web前端開發參考手冊系列</title>
<meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" />
<style>
.test li{margin-top:10px;}
.test .none{text-decoration:none;}
.test .underline{text-decoration:underline;}
.test .overline{text-decoration:overline;}
.test .line-through{text-decoration:line-through;}
.test .blink{text-decoration:blink;}
.test .text-decoration-css3{
text-decoration:#f00 dotted underline;
}
</style>
</head>
<body>
<ul class="test">
<li class="none">無裝飾文字</li>
<li class="underline">帶下劃線文字</li>
<li class="overline">帶上劃線文字</li>
<li class="line-through">帶貫穿線文字</li>
<li class="blink">帶閃爍文字</li>
<li class="text-decoration-css3">若是你的瀏覽器支持text-decoration在CSS3下的改變，將會看到本行文字有一條紅色的下劃虛線</li>
</ul>
</body>
</html>
web

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。