CSS樣式可以用來美化網頁,其中一種常見的需求就是刪除鏈接下的橫線。通常情況下,在HTML中創建一個超鏈接,瀏覽器默認會顯示一個下劃線來表示這個鏈接。
下面是一個例子:
<a >這是一個超鏈接</a>
上面這個超鏈接會顯示一條下劃線,但如果我們想去掉這條下劃線,該怎么做呢?
答案就是使用CSS樣式來控制這個效果。
在CSS中,使用text-decoration
屬性可以控制下劃線效果。在超鏈接a標簽選擇器中,設置text-decoration:none
即可去掉下劃線效果。
a{ text-decoration:none; }
上面的CSS代碼將會去掉所有超鏈接的下劃線。
除此之外,我們還可以使用偽類來選擇a標簽中的不同狀態,進一步自定義樣式。
例如,當鼠標經過超鏈接時,我們可以讓它改變顏色或變粗,或者出現下劃線等效果。示例如下:
a:hover{ color:red; text-decoration:underline; }
上面的CSS代碼將會設置鼠標懸浮在超鏈接上方時,它的文字變為紅色、下滑線效果出現。
總之,CSS樣式可以很方便地去掉超鏈接下的橫線,并且還能通過偽類來進一步自定義樣式。
上一篇css樣式中加入參數
下一篇css樣式中 表示什么