Home >Web Front-end >HTML Tutorial >How to set underline in html
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 using HTML
In HTML, you can use
text-decoration
Property to underline text.Steps:
- ##Use
or
element identifier Text to be underlined.
- Add the style
attribute to the element and set
text-decorationto
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
You can also use CSS classes to set underlines. For example, create a CSS class called "underline":The attribute can also set other types of text decoration, such as strikethrough and overline.
<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.cnPrevious article:The role of height tag in htmlNext article:The role of height tag in htmlRelated articles
See more