先在html里創(chuàng)建一段文字這時我們運行頁面，可以看到這段文字并沒有下劃線的要添加下劃線，我們添加一段css代碼就行了，代碼如下 textdecoration underline再次運行頁面，可以看到現(xiàn)在的文字就已經(jīng)有了下劃線了。

html添加下劃線，需要結(jié)合css樣式才能做出來，使用css的textdecorationunderline這個屬性就行，如果不需要了用textdecoration就行，一般都是對文字使用，具體看下代碼lthtmlltheadltstyle#divwidth400pxheight300。

1第一步，如果要修改下劃線的顏色，大小和其他樣式，可以通過border屬性設計，使用起來更靈活，見下圖，轉(zhuǎn)到下面的步驟2第二步， 執(zhí)行完上面的操作之后， borderbottom屬性用于設置底部邊框樣式，見下圖，轉(zhuǎn)到下面的步驟。

1根據(jù)所需要下劃線的長度，輸入若干個空格2選中空格，按組合鍵Ctrl+u即可方法二在英文半角狀態(tài)下，按住Shift，再據(jù)所需要下劃線的長度，輸入若干個號即可html怎么樣把字體變藍加下劃線html把字體變藍是設置css。

用borderbottom設置下劃線，可設置其顏色粗細下劃線的長度通過設置空內(nèi)容的width屬性來實現(xiàn)，還可以通過margintop調(diào)整下劃線與文字的距離。

1首先需要打開html的代碼頁面，如圖所示，編寫好input標簽并input2然后接下來就是style標簽中設置input的樣式，如圖所示根據(jù)如圖所示的紅框里面的代碼進行編寫和設置，編寫好保存退出3最后，用鏈接打開看一下效果。

1首先打開hbuilder編輯器，新建一個html文件，寫入一個input標簽并input設置class屬性和設置默認文字的placeholder屬性2然后在上方的style標簽中設置input得樣式，設置input的寬度和高度以及文字顏色，用textdecoration設置。

直接設置底部邊框和高度即可，例如 ltdiv class=quotcnquot ltspanltspan ltspanltspan ltspanltspan ltspanltspan ltspanltspan ltspanltspan ltspanltspan ltdiv ltstyle cnwidth800px margin。

1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標簽中，輸入html代碼div background radialgradientcircle at 10px 7px， transparent 8px， currentColor 8px， currentColor。

里面有修改百字體大小和顏色，以及去掉下劃線和修度改下劃線的顏色，直接放到知html頁運行就可以 代碼如下lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleTitlelttitle lthead ltstyle。

傳統(tǒng)的css下劃線textdecoration樣式只能設置其文字下劃線樣式而無法實現(xiàn)下劃線與文字間距調(diào)整所以借助與padding屬性模擬下劃線實現(xiàn)文字與下劃線之間距離可調(diào)節(jié)lt！DOCTYPE html lthtml lthead ltmeta。

1新建一個html文件，命名為testhtml，用于講解css怎么在網(wǎng)頁中給文字加上下劃線2在testhtml文件內(nèi)，使用p標簽創(chuàng)建一行文字，文字內(nèi)容為“這是測試的文字”3在testhtml文件內(nèi)，設置p標簽的id屬性為tt，主要用于。

1如果想修改一下下劃線的顏色，大小等樣式就可以通過border屬性來設計，使用起來更靈活2borderbottom屬性，用來設置底部的邊框樣式3borderbottom #FF0000 2px solid 設置邊框大小為2PX的紅色邊框4看一樣。

有時候UI設計的時候文字下方會有一個下劃線，所以我們經(jīng)常用 textdecorationunderline 來設置一個下劃線，但是呢，發(fā)現(xiàn)這個下劃線和文字特么的重合了，來沒法設置，只能用別的方法代替了，啪啪啪的寫一大堆css 現(xiàn)在宣布。

比如某一行文字，“選擇器”窗口內(nèi)會自動計算出相應的選擇器名稱第三步點擊這個選擇器，在“屬性”窗口內(nèi)挑選要定義的屬性，比如textdecoration，并進行設定，一個為文字添加下劃線的樣式就生成了。

lt！doctype html lthtml lthead ltmeta charset=quotutf8quot lttitle無標題文檔lttitle ltstyle p span displayinline *文字定義成塊元素* paddingbottom5px *設置下拉線距離* borderbottom1px。

從你的圖看，第一張是老師的要求，第二張是你的作業(yè)1要讓文字區(qū)左移可以給圖片加右間距“marginright 20px”或給文字區(qū)加左間距“marginleft 20px”2取消文字下劃線使用 “textdecoration ”。