CSS defines several styles of HR horizontal lines. Don’t underestimate the HR horizontal lines. Once used, it will add a lot of color to your web page. This piece of code defines several beautiful HR styles and colors for your reference. , if you like it, just copy the code and use it.
The effect is as follows
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>CSS定义HR水平线</title>
<style type="text/css">
<!--
.hr0{ height:1px;border:none;border-top:1px dashed #0066CC;}
.hr1{ height:1px;border:none;border-top:1px solid #555555;}
.hr2{ height:3px;border:none;border-top:3px double red;}
.hr3{ height:5px;border:none;border-top:5px ridge green;}
.hr4{ height:10px;border:none;border-top:10px groove skyblue;}
-->
</style>
</head>
<body>
<hr class="hr0" />
<hr class="hr1" />
<hr class="hr2" />
<hr class="hr3" />
<hr class="hr4" />
</body>
</html>The above is the detailed content of Introduction to the style of CSS defining HR horizontal lines. For more information, please follow other related articles on the PHP Chinese website!
How about n5095 processor
How much is Dimensity 8200 equal to Snapdragon?
The difference between lightweight application servers and cloud servers
How to solve err_connection_reset
js method to delete node
What software is podcasting?
Windows cannot access the specified device path or file solution
Linux adds update source method
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
