|
導讀網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立... 網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。 在網頁中默認情況下文字字體是沒有下劃線樣式的，但是有時候我們在網頁中會看到不是鏈接的文字下面會有一行下劃線，那么這個下劃線樣式是怎么實現的呢？本篇文章就來給大家介紹一下css設置文字下劃線的方法，接下來我們就來看看具體的內容。在css中有一個text-decoration屬性，這個屬性就是用來實現文字下劃線的，實現文字下劃線的代碼也非常簡單 text-decoration屬性實現文字下劃線的代碼如下： <!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
div{
text-decoration: underline;
}
</style>
</head>
<body>
<div>php中文網文字加下劃線</div>
</body>
</html>css設置文字下劃線效果如下：
上面這個方法是不是非常簡單，只需要給文字一個樣式就可以添加一個下劃線，其實css中還有一種方法可以實現文字的下劃線就是利用css的border邊框屬性，下面我們就來具體看看css中border屬性怎么來實現文字的下劃線。 border屬性要實現文字下劃線效果可以通過下邊框border-bottom，我們來具體看一下實現文字下劃線的代碼 <!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
span{
border-bottom: 1px solid pink;
}
</style>
</head>
<body>
<span>中文網文字下劃線</span>
</body>
</html>文字下劃線效果如下：
如果想要將文字下劃線換位虛線只需要將上述代碼中solid變成dashed或者dotted就可以了。 最后，關于上述代碼中為什么用span而不用div是因為div標簽獨占于一行，而span標簽占用的是內容有多寬就占用多寬的空間距離，所以使用span標簽比較簡單。 以上就是css下劃線如何設置？css設置文字下劃線的方法介紹的詳細內容，更多請關注php中文網其它相關文章！ 網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發布的Win7純凈版系統、Win10純凈版和XP純凈版系統僅為個人學習測試使用，請在下載后24小時內刪除，不得用于任何商業用途，否則后果自負，請支持購買微軟正版軟件！
本站所有資源全部來自于網絡資源,如侵犯到您的權益,請及時通知我們(peng896066052@126.com),我們會及時處理.
Copyright © 2018-2020 雨林木風下載站
