|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 本篇文章給大家介紹一下css下劃線和文字間距離的的設置方法,接下來我們來看看具體的內容。在上一篇文章中我們介紹了關于css下劃線的設置方法,但是設置出來的下劃線感覺與文字之間距離太近,有時在網頁中會顯得不太美觀,那么如何設置css下劃線與文字之間的距離呢?本篇文章就來給大家介紹有關css下劃線與文字之間距離的設置方法。 css中text-decoration屬性設置出來的文字下劃線不能夠調整文字與下劃線之間的距離,所以我們如果要調整下劃線與文字之間的距離只能夠使用border-bottom屬性來設置文字下劃線,下面我們就來看具體的實現方法。 我們設置css下劃線與文字之間的距離需要用到的屬性是padding-bottom和border-bottom 具體的代碼如下: <!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
span{
border-bottom: 2px solid pink;
padding-bottom: 10px;
}
</style>
</head>
<body>
<span>
php中文網下劃線距離</span>
</body>
</html>效果如下:
從上圖可以很容易就看出文字與下劃線之間出現了一定的距離。 本篇文章到這里就全部結束了,更多內容大家可以關注php中文網相關教程欄目。。 以上就是css下劃線與文字之間的距離如何設置?的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!