class{text-decoration:none}
成都創(chuàng)新互聯(lián)成都企業(yè)網(wǎng)站建設(shè)服務(wù),提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)網(wǎng)站開發(fā),網(wǎng)站定制,建網(wǎng)站,網(wǎng)站搭建,網(wǎng)站設(shè)計(jì),響應(yīng)式網(wǎng)站開發(fā),網(wǎng)頁設(shè)計(jì)師打造企業(yè)風(fēng)格網(wǎng)站,提供周到的售前咨詢和貼心的售后服務(wù)。歡迎咨詢做網(wǎng)站需要多少錢:18982081108
class改成你不要下劃線樣式的名字就行,如果用ID的 #id
a, a:hover, a:focus { text-decoration: none; color: inherit; } //初始化所有情況下a不要下劃線。
下面是關(guān)于text-decoration下劃線CSS單詞值參數(shù):
none : 無裝飾
blink : 閃爍
underline : 下劃線
line-through : 貫穿線
overline : 上劃線
text-decoration:none 無裝飾,通常對(duì)html下劃線標(biāo)簽去掉下劃線樣式
text-decoration:underline 下劃線樣式
text-decoration:line-through 刪除線樣式-貫穿線樣式
text-decoration:overline 上劃線樣式
一、實(shí)現(xiàn)所需CSS樣式:
用text-decoration:none;實(shí)現(xiàn)下劃線去掉;用text-align:center設(shè)置文字居中
二、代碼實(shí)現(xiàn):
沒有加樣式的效果
三、添加樣式效果:
四、最終的效果:
設(shè)置text-decoration屬性的值為none就可去掉超鏈接的默認(rèn)下劃線。text-decoration屬性規(guī)定添加到文本的修飾,而none值定義標(biāo)準(zhǔn)的文本,設(shè)置該值即可去掉下劃線。
屬性值:
none:無裝飾,通常對(duì)html下劃線標(biāo)簽去掉下劃線樣式
underline:下劃線樣式
line-through:刪除線樣式-貫穿線樣式
overline:上劃線樣式
注釋:修飾的顏色由 "color" 屬性設(shè)置。
說明
這個(gè)屬性允許對(duì)文本設(shè)置某種效果,如加下劃線。如果后代元素沒有自己的裝飾,祖先元素上設(shè)置的裝飾會(huì)“延伸”到后代元素中。不要求用戶代理支持 blink。
示例:
!DOCTYPE html
html
head
meta charset="utf-8"
style
.demo a{
text-decoration: none
}
/style
/head
body
p
a href="#"這是一個(gè)正常鏈接,有下劃線!/a
/p
p class="demo"
a href="#"去掉下劃線的鏈接!/a
/p
/body
/html
1、新建html文檔,在html文檔的bady標(biāo)簽中添加一個(gè)a標(biāo)簽,然后為這個(gè)標(biāo)簽添加“href”屬性和屬性值:
2、將編輯好的代碼保存,然后用瀏覽器打開html文檔,這時(shí)可以在網(wǎng)頁中看到a標(biāo)簽的下劃線:
3、添加style標(biāo)簽,然后為a標(biāo)簽設(shè)置“text-decoration:none;”css樣式,刷新瀏覽器,這時(shí)瀏覽器中的下劃線就會(huì)被去掉:
下劃線是屬于一種修飾,css其實(shí)很多都是顧名思義的,
去掉a標(biāo)簽的下劃線就是text-decoration:none; 意思就是設(shè)置文本修飾屬性為無。