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

How to set underline in html

下次还敢
Release: 2024-04-27 20:37:14
Original
625 people have browsed it

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>
Copy after login

Example:

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

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

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>
Copy after login
and then use the class in HTML:

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

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!

Related labels:
css
source:php.cn
Statement of this Website
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
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template