Home >Web Front-end >CSS Tutorial >How to set underline in HTML? How to underline html text
Underlining in HTML used to be a matter of wrapping text within tags, but this approach has been abandoned in favor of the more versatile CSS. Generally speaking, underlining is considered a way to draw attention to text, so how do you set underlining in HTML? How to underline html text? Let’s summarize it below.
1. Using the "text-decoration" CSS style attribute, using the tag is no longer the correct way to emphasize text. Instead, use the "text-decoration" CSS property, with the syntax: This will underline . [Recommended learning: css tutorial]
2. If you want to underline a certain text, please use the tag and put the start tag together with the "text-decoration" attribute Where you want the underline to begin. Place the closing where you want it to stop.
3. Declare HTML elements in the
4. Create a CSS that allows you to quickly implement underlining in a stylesheet or
Code example:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>下划线 删除线 上划线实例 </title>
<style>
.php{text-decoration:underline}
</style>
</head>
<body>
<div class="php">我被加下划线</div>
</body>
</html>Code display result:
5. Consider other ways to highlight text. Underscores should be avoided to avoid confusing readers. One popular method is to use the tag, which italics the text. You can further define this markup using CSS for unique emphasis.
The above is how to set underline in HTML? A complete introduction to the method of underlining HTML text. If you want to know more about CSS Online Manual, please pay attention to the php Chinese website.
The above is the detailed content of How to set underline in HTML? How to underline html text. For more information, please follow other related articles on the PHP Chinese website!