在 html 中使用 text-decoration 屬性可為文本添加下劃線:用 或 元素標識文本。添加 style 屬性,設置 text-decoration 為 underline。
如何使用 HTML 設置下劃線
在 HTML 中,可以使用 text-decoration
屬性為文本添加下劃線。
步驟:
- 使用
<span></span>
或 <div> 元素標識要加下劃線的文本。<li><strong>在該元素中添加 <code>style
屬性,設置 text-decoration
為 underline
。
語法:
<code class="html"><element style="text-decoration: underline;">要加下劃線的文本</element></code>
登錄后復制
示例:
<code class="html"><p>這是帶下劃線的文本。</p> <div style="text-decoration: underline;"> 這是帶下劃線的文本,位于一個 <div> 元素中。 </div> <p><strong>筆記:</strong></p> <ul> <li> <code>text-decoration</code> 屬性還可以設置其他類型的文本修飾,例如刪除線和上劃線。</li> <li>也可以使用 CSS 類來設置下劃線。例如,創(chuàng)建一個名為 "underline" 的 CSS 類:</li> </ul> <pre class="brush:php;toolbar:false"><code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">.underline { text-decoration: underline; }</code>
登錄后復制
然后在 HTML 中使用該類:
<code class="html"><p class="underline">這是帶下劃線的文本。</p></code>
登錄后復制