怎么給HTML標(biāo)簽中的文本添加修飾線-創(chuàng)新互聯(lián)

本篇內(nèi)容介紹了“怎么給HTML標(biāo)簽中的文本添加修飾線”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),頭屯河企業(yè)網(wǎng)站建設(shè),頭屯河品牌網(wǎng)站建設(shè),網(wǎng)站定制,頭屯河網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,頭屯河網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

text-decoration屬性介紹

text-decoration屬性是用來設(shè)置文本修飾線呢，text-decoration屬性一共有4個值。

text-decoration屬性值說明表

none去掉文本修飾線underline設(shè)置下劃線overline設(shè)置上劃線line-through設(shè)置刪除線

HTML標(biāo)簽自帶修飾線

在開始實(shí)踐text-decoration屬性之前，筆者先給大家普及下HTML中的標(biāo)簽自帶修飾線如：u標(biāo)簽、s標(biāo)簽，若有不全大家可以在下面評論中告訴筆者,畢竟筆者也是前端的一個小白,希望和大家相互交流，互幫互助，共同進(jìn)步。

u標(biāo)簽

下面讓我們進(jìn)入u標(biāo)簽的實(shí)踐，u標(biāo)簽自帶的是文本下劃線。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>設(shè)置文本修飾線</title>  </head><body>    <u>成功不是擊敗別人，而是改變自己</u></body></html>

結(jié)果圖

注意：u標(biāo)簽也可以配合HTML中的其他標(biāo)簽使用，舉例：將u標(biāo)簽嵌套到h2標(biāo)簽中使用。

<h2><u>成功不是擊敗別人，而是改變自己</u></h2>

s標(biāo)簽

下面讓我們進(jìn)入s標(biāo)簽的實(shí)踐，s標(biāo)簽自帶的是文本刪除線。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>設(shè)置文本修飾線</title>  </head><body>    <s>成功不是擊敗別人，而是改變自己</s></body></html>

結(jié)果圖

注意：s標(biāo)簽也可以嵌套，和u標(biāo)簽一致，筆者就不過多的介紹了。

none去除修飾線

讓我們進(jìn)入text-decoration屬性的none值實(shí)踐，實(shí)踐內(nèi)容如：筆者將HTML頁面中的s標(biāo)簽自帶的刪除線給去除掉。

代碼塊

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>設(shè)置文本修飾線</title>    <style>        s{            text-decoration: none;        }    </style></head><body>    <s>成功不是擊敗別人，而是改變自己</s></body></html>

結(jié)果圖

注意：u標(biāo)簽、s標(biāo)簽、包括text-decoration屬性值的所有的修飾線都可以去掉哦。

underline設(shè)置下劃線

讓我們進(jìn)入text-decoration屬性的underline值實(shí)踐，實(shí)踐內(nèi)容如：筆者將HTML頁面中的h3標(biāo)簽中的文本設(shè)置一個下劃線。

代碼塊

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>設(shè)置文本修飾線</title>    <style>        h3{            text-decoration: underline;        }    </style></head><body>    <h3>成功不是擊敗別人，而是改變自己</h3></body></html>

結(jié)果圖

overline設(shè)置上劃線

讓我們進(jìn)入text-decoration屬性的overline值實(shí)踐，實(shí)踐內(nèi)容如：筆者將HTML頁面中的h3標(biāo)簽中的文本設(shè)置一個上劃線。

代碼塊

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>設(shè)置文本修飾線</title>    <style>        h3{            text-decoration: overline;        }    </style></head><body>    <h3>成功不是擊敗別人，而是改變自己</h3></body></html>

結(jié)果圖

line-through設(shè)置刪除線

讓我們進(jìn)入text-decoration屬性的line-through值實(shí)踐，實(shí)踐內(nèi)容如：筆者將HTML頁面中的h3標(biāo)簽中的文本設(shè)置一個刪除線。

代碼塊

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>設(shè)置文本修飾線</title>    <style>        h3{            text-decoration: line-through;        }    </style></head><body>    <h3>成功不是擊敗別人，而是改變自己</h3></body></html>

結(jié)果圖

值	作用

“怎么給HTML標(biāo)簽中的文本添加修飾線”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

文章題目：怎么給HTML標(biāo)簽中的文本添加修飾線-創(chuàng)新互聯(lián)
文章源于：http://www.rwnh.cn/article24/cegsce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、定制網(wǎng)站、企業(yè)建站、響應(yīng)式網(wǎng)站、定制開發(fā)、網(wǎng)站改版

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

怎么給HTML標(biāo)簽中的文本添加修飾線-創(chuàng)新互聯(lián)