這篇文章給大家分享的是有關(guān)css設(shè)置文字下劃線的方法是什么的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

專業(yè)領(lǐng)域包括成都做網(wǎng)站、網(wǎng)站設(shè)計、成都做商城網(wǎng)站、微信營銷、系統(tǒng)平臺開發(fā)， 與其他網(wǎng)站設(shè)計及系統(tǒng)開發(fā)公司不同，創(chuàng)新互聯(lián)的整合解決方案結(jié)合了幫做網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗和互聯(lián)網(wǎng)整合營銷的理念，并將策略和執(zhí)行緊密結(jié)合，為客戶提供全網(wǎng)互聯(lián)網(wǎng)整合方案。

在css中有一個text-decoration屬性，這個屬性就是用來實現(xiàn)文字下劃線的，實現(xiàn)文字下劃線的代碼也非常簡單

text-decoration屬性實現(xiàn)文字下劃線的代碼如下：

    
    


創(chuàng)新互聯(lián)建站文字加下劃線

上面這個方法是不是非常簡單，只需要給文字一個樣式就可以添加一個下劃線，其實css中還有一種方法可以實現(xiàn)文字的下劃線就是利用css的border邊框?qū)傩?，下面我們就來具體看看css中border屬性怎么來實現(xiàn)文字的下劃線。

border屬性要實現(xiàn)文字下劃線效果可以通過下邊框border-bottom，我們來具體看一下實現(xiàn)文字下劃線的代碼

    
    


中文網(wǎng)文字下劃線

如果想要將文字下劃線換位虛線只需要將上述代碼中solid變成dashed或者dotted就可以了。

最后，關(guān)于上述代碼中為什么用span而不用div是因為div標(biāo)簽獨占于一行，而span標(biāo)簽占用的是內(nèi)容有多寬就占用多寬的空間距離，所以使用span標(biāo)簽比較簡單。

感謝各位的閱讀！關(guān)于css設(shè)置文字下劃線的方法是什么就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網(wǎng)頁名稱：css設(shè)置文字下劃線的方法是什么-創(chuàng)新互聯(lián)
地址分享：http://weahome.cn/article/gsejj.html