|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 css如何添加刪除線?在之前的文章【html如何給文本文字添加刪除線?兩種方法添加刪除線(實例)】中我們已經介紹了兩種html標簽t添加刪除線的方法,本章就給大家介紹用css text-decoration屬性為文本文字添加刪除線效果,用css如何設置刪除線樣式的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對你們有所幫助。首先我們了解css text-decoration屬性,下面就簡單介紹一下: text-decoration 屬性規定添加到文本的修飾。 說明: 這個屬性允許對文本設置某種效果,如加刪除線。如果后代元素沒有自己的裝飾,祖先元素上設置的裝飾會“延伸”到后代元素中。不要求用戶代理支持 blink。 那么如何使用css text-decoration屬性添加文本文字的刪除線效果,下面我們通過簡單的代碼示例,為大家詳細解說關于css刪除線的實現方法! <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的刪除線</title>
<style>
p{
text-decoration:line-through;
}
</style>
</head>
<body>
<p>這里有一條刪除線</p>
</body>
</html>效果圖:
說明: line-through屬性值:定義穿過文本下的一條線。 通過例子可以看出,通過設置text-decoration:line-through;為<p>標簽里的文本文字添加了刪除線,方法簡單、方便。且可以通過css設置簡單修飾刪除線樣式,比如:顏色,例: <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的刪除線</title>
<style>
p{
text-decoration:line-through;
color: red;
}
span{
color: black;
}
</style>
</head>
<body>
<p><span>這里有一條刪除線</span></p>
</body>
</html>效果圖:
這樣我們結合text-decoration:line-through;和<span></span>樣式定義文本字體顏色的樣式,就可以實現css中刪除線與文字顏色不一的樣式效果,是不是很簡單! 總結:以上就是本篇文的全部內容,希望能對大家的學習有所幫助。更多相關教程請訪問 CSS視頻教程! 相關推薦:php公益培訓視頻教程 以上就是css如何添加刪除線?css text-decoration屬性設置刪除線(代碼實例)的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!