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

Example analysis of mysql shared lock and exclusive lock usage

This article uses examples to illustrate the usag...

Complete steps to install MySQL 5.5 on CentOS

Table of contents 1. Preparation before installat...

What to do if you forget your password in MySQL 5.7.17

1. Add skip-grant-tables to the my.ini file and r...

Detailed explanation of the configuration method of Vue request interceptor

Follow the steps below 1. request.js content: htt...

How to use CURRENT_TIMESTAMP in MySQL

Table of contents Use of CURRENT_TIMESTAMP timest...

WeChat applet realizes horizontal and vertical scrolling

This article example shares the specific code for...

Detailed process of installing Presto and connecting Hive in Docker

1. Introduction Presto is an open source distribu...

Gojs implements ant line animation effect

Table of contents 1. Gojs Implementation 1. Drawi...

Interpretation of the module for load balancing using nginx

Table of contents Two modules for using nginx for...

Detailed explanation of the use of grid properties in CSS

Grid layout Attributes added to the parent elemen...

Solve the problem of ifconfig being unavailable in docker

Recently, when I was learning docker, I found tha...

canvas.toDataURL image/png error handling method recommendation

Problem background: There is a requirement to tak...

A brief discussion on MySQL count of rows

We are all familiar with the MySQL count() functi...

How to set a dotted border in html

Use CSS styles and HTML tag elements In order to ...