Description of the hr tag in various browsers

Description of the hr tag in various browsers
Generally, we rarely meet HR, but once we do, it can determine life or death. The same is true in HTML, we don’t see <hr /> very often, but when we see it it usually determines whether we can have a perfect divider. Here, I won’t attach any pictures, just list them for reference:
Normal browser IE6, 7 Firefox
Actual height height + border-right-width + border-left-width height height
Background color background-color background+color (when the height is <2px, the height is displayed as a gray projection, and color is required to set the color, the same as text) background-color

For example, if you want to create a dividing line with an actual height of 3px, four sides of 1px, a border color of #07f, and other parts of the color of #f60, you know:

Copy code
The code is as follows:

hr{
height:1px;
*height:3px; color:#f60;/* for ie6 ie7 */;
background-color:#f60;
border:1px solid #07f;
}
@-moz-document url-prefix(){ hr{height:3px;}} /* for firefox */

Are there any other less laborious solutions?

<<:  Detailed explanation of CSS sticky positioning position: sticky problem pit

>>:  An in-depth summary of MySQL time setting considerations

Recommend

CSS float (float, clear) popular explanation and experience sharing

I came into contact with CSS a long time ago, but...

10 Tips to Improve Website Usability

Whether it is a corporate website, a personal blo...

Nginx rtmp module compilation arm version problem

Table of contents 1. Preparation: 2. Source code ...

Detailed example code of mysql batch insert loop

background A few days ago, when I was doing pagin...

How to build a MySQL high-availability and high-performance cluster

Table of contents What is MySQL NDB Cluster Preli...

MySQL 5.7.15 version installation and configuration method graphic tutorial

This article shares with you a detailed tutorial ...

MySQL Billions of Data Import, Export and Migration Notes

I have been taking a lot of MySQL notes recently,...

A simple way to put HTML footer at the bottom of the page

Requirement: Sometimes, when the page content is ...

How to count the number of specific characters in a file in Linux

Counting the number of a string in a file is actu...

Detailed explanation of basic management of KVM virtualization in CentOS7

1. Install kvm virtualization : : : : : : : : : :...

Front-end JavaScript thoroughly understands function currying

Table of contents 1. What is currying 2. Uses of ...

How to view Docker container application logs

docker attach command docker attach [options] 容器w...