Home  >  Article  >  Web Front-end  >  Experts teach you how to cancel (add) the underline style? Summary of two major methods

Experts teach you how to cancel (add) the underline style? Summary of two major methods

云罗郡主
云罗郡主Original
2018-10-23 13:39:483910browse

How to cancel (add) the underline style in html? How to cancel (add) underline style in css? This is a difficult problem for front-end students who have just started, so how to cancel (add) the underline style? The expert below will show you how to cancel (add) the underline style.

There are two ways to add underline styles to text. One is to use HTML to directly set the text, and the other is to use CSS underline to set the style. Let's explain these two methods. method.

1: How to cancel (add) underline in html

In the html tag, we can use to add underline , if you want to cancel, just remove .

For example:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>html下划线标签实例讲解</title> 
</head> 
<body> 
我是高手!<br />  
php是网址!<br />  
<u>http://www.php.cn/</u>
</body> 
</html>

html code effect:

Experts teach you how to cancel (add) the underline style? Summary of two major methods

##2: Use css style to set the underline style

css can use text-decoration:underline to cancel and add underlines, for example:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>下划线 删除线 上划线实例</title> 
<style> 
.php5{text-decoration:underline} /* underline下划线 */ 
.php5_1{text-decoration:line-through} /* line-through删除线贯穿线 */ 
.php5_2{text-decoration:overline} /* overline上划线 */ 
.php5_3{text-decoration:none;} /* none是去掉下划线 */ 
</style> 
</head> 
<body> 
<div class="php5">我被加下划线</div>  
<div class="php5_1">我被加贯穿删除线</div>  
<div class="php5_2">我被加上划线</div> 
<div class="php5_3">我是去掉下滑线</div> 
</body> 
</html> 
</html>

Code effect:

Experts teach you how to cancel (add) the underline style? Summary of two major methods

and above Is it for the experts to teach you how to cancel (add) the underline style? A complete introduction to the two major methods. If you want to know more about

HTML video tutorial, please pay attention to the php Chinese website.


The above is the detailed content of Experts teach you how to cancel (add) the underline style? Summary of two major methods. 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.cn