Home > Article > Web Front-end > How to set css font underline? How to underline text
How to set css font underline? How to underline text
- 云罗郡主forward
- 2018-11-22 15:52:3215775browse
The content of this article is about how to set CSS font underlines? The method of adding underlines to text has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
css layout setting text underline style - font text with an underline layout
On Taobao, JD.com and other online malls, I saw a layout where the original price text is underlined and the discount text is not underlined.
1. Two types of underlined CSS and HTML tags in the text
1. CSS attribute words and codes
Word: text-decoration
underline value
text-decoration:line-through
2, HTML underline tag
S Tag
is underlined
2. Text underlined div css example
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文字加中划线实例</title>
<style>
.zhx{ text-decoration:line-through}
</style>
</head>
<body>
<p>原价：￥<span class="zhx">200.00</span><br />
现价：￥120.00</p>
</body>
</html>Effect As follows:
#CSS sets the underline style in text-decoration:line-through.
For the original price number, add class to introduce the underline css style.
The above is how to set the css font underline? A full introduction to the method of adding underline to text. If you want to know more about CSS3 tutorial, please pay attention to the PHP Chinese website.
The above is the detailed content of How to set css font underline? How to underline text. For more information, please follow other related articles on the PHP Chinese website!