Home  >  Article  >  Web Front-end  >  How to set underline in html

How to set underline in html

下次还敢
下次还敢Original
2024-04-27 20:37:14603browse

Use the text-decoration attribute in HTML to underline text: mark the text with a or

element. Add the style attribute and set text-decoration to underline.

How to set underline in html

How to set underline using HTML

In HTML, you can use text-decoration Property to underline text.

Steps:

  1. ##Use or
    element identifier Text to be underlined.
  2. Add the style attribute to the element and set text-decoration to underline.

Grammar:

<code class="html"><element style="text-decoration: underline;">要加下划线的文本</element></code>

Example:

<code class="html"><p>这是带下划线的文本。</p>

<div style="text-decoration: underline;">
  这是带下划线的文本,位于一个 <div> 元素中。
</div></code>

Notes:

  • text-decoration The attribute can also set other types of text decoration, such as strikethrough and overline.
  • You can also use CSS classes to set underlines. For example, create a CSS class called "underline":
<code class="css">.underline {
  text-decoration: underline;
}</code>
and then use the class in HTML:

<code class="html"><p class="underline">这是带下划线的文本。</p></code>

The above is the detailed content of How to set underline in html. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn