課程
/前端開發
/HTML/CSS
/HTML5和CSS3扁平化風格博客
超鏈接下面的下劃線距上面的文字的距離怎么設置的,這里沒有講出來
2018-05-28
源自:HTML5和CSS3扁平化風格博客 3-5
正在回答
好像沒有聽過可以直接設置a下劃線與文字之間距離的,不過我在網上看到過這種方法:你可以把超鏈接的下劃線樣式清空,然后給超鏈接寫一個邊框,只指定下邊框,這個時候就可以設置這個下邊框與a鏈接文字的距離了,曲線救國。
css樣式
----------------------------
a{
text-decoration:none;?
border-bottom:1px solid #000; /* #ccc換成鏈接的顏色 */
display: inline-block;?
padding-bottom:20px;? /*這里設置你要空的距離*/
}
舉報
HTML5與CSS3搭建超酷扁平化風格博客
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2022-03-30
2018-05-28
好像沒有聽過可以直接設置a下劃線與文字之間距離的,不過我在網上看到過這種方法:你可以把超鏈接的下劃線樣式清空,然后給超鏈接寫一個邊框,只指定下邊框,這個時候就可以設置這個下邊框與a鏈接文字的距離了,曲線救國。
css樣式
----------------------------
a{
text-decoration:none;?
border-bottom:1px solid #000; /* #ccc換成鏈接的顏色 */
display: inline-block;?
padding-bottom:20px;? /*這里設置你要空的距離*/
}