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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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