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 commonly used font style to set the font of a variety of changes (example detailed explanation)

CSS font properties define the font family, size,...

mysql8.0.23 msi installation super detailed tutorial

1. Download and install MySql Download MySql data...

MySQL online DDL tool gh-ost principle analysis

Table of contents 1. Introduction 1.1 Principle 1...

Docker container source code deployment httpd use storage volume to deploy the website (recommended)

Table of contents Deploy httpd with docker contai...

CSS realizes div completely centered without setting height

Require The div under the body is vertically cent...

Detailed explanation of MySQL delayed replication library method

Simply put, delayed replication is to set a fixed...

Introduction to 10 Hooks in React

Table of contents What is ReactHook? React curren...

Vue.js performance optimization N tips (worth collecting)

Table of contents Functionalcomponents Childcompo...

Listen directive example analysis in nginx

Plot Review In the previous article, we analyzed ...

Concat() of combined fields in MySQL

Table of contents 1. Introduction 2. Main text 2....

Detailed explanation of Vue Notepad example

This article example shares the specific code of ...

Example of disabling browser cache configuration in Vue project

When releasing a project, you will often encounte...

mysql installer web community 5.7.21.0.msi installation graphic tutorial

This article example shares the specific code for...

How many pixels should a web page be designed in?

Many web designers are confused about the width of...

Detailed analysis of MySQL master-slave replication

Preface: In MySQL, the master-slave architecture ...