How to set css font underline? How to underline text-CSS Tutorial-php.cn

How to set css font underline? How to underline text

云罗郡主

Release： 2018-11-22 15:52:32

forward

15885 people have browsed it

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.

How to set css font underline? How to underline text

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>

Copy after login

Effect As follows:

How to set css font underline? How to underline text

#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!