這篇文章將為大家詳細(xì)講解有關(guān)html下劃線顏色的修改方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)專注于沈河企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計,商城建設(shè)。沈河網(wǎng)站建設(shè)公司,為沈河等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站策劃，專業(yè)設(shè)計，全程項目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

方法：1、給元素設(shè)置“text-decoration:underline;color:顏色值”樣式即可；2、使用border-bottom屬性，只需要給元素設(shè)置“border-bottom:大小 樣式 顏色”樣式即可。

本教程操作環(huán)境：windows7系統(tǒng)、html&&HTML5版、Dell G3電腦。

有兩個方法

● 第一個就是給標(biāo)簽加上一個text-decoration:underline，屬性，設(shè)置下劃線的顏色需要設(shè)置元素的color屬性，缺點是文字顏色和下劃線顏色是一致的，不能單獨控制。

示例：

  
    
    
    
  
  
    

      css實踐之文字下劃線顏色-我的下劃線與文字為綠色
    
  

效果：

● 第二個就是給標(biāo)簽加一個底部邊框：border-bottom:1px solid red，要想與文字有間距使用padding-bottom屬性就可以了！第二種可以單獨控制下劃線的樣式！

在需要改變的文字下劃線樣式地方，使用css border-bottom下邊框樣式來變通地實現(xiàn)替代text-decoration下劃線樣式的效果；通過對文字設(shè)置下邊框顏色、下邊框?qū)挾?、下邊框虛線或?qū)嵕€等CSS樣式控制實現(xiàn)需要各式各樣下劃線效果。

示例：

  
    
    
    
  
  
    
css實踐之文字下劃線顏色-我的下劃線實現(xiàn)為紅色
    
css實踐之文字下劃線顏色-我的下劃線實現(xiàn)為藍(lán)色，文字為綠色
    
css實踐之文字下劃線顏色-我的下劃線實現(xiàn)為黑色
  

效果：

關(guān)于“html下劃線顏色的修改方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。