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?

Vue Element front-end application development dynamic menu and routing association processing

Blog

Description of the hr tag in various browsers

In-depth understanding of Vue transition and animation

Vue Element front-end application development dynamic menu and routing association processing

MySQL paging query method for millions of data volumes and its optimization suggestions

Detailed description of shallow copy and deep copy in js

Detailed explanation of how to create multiple instances of MySQL 5.6 in centos7 environment

Several ways to switch between Vue Tab and cache pages

MySQL data types full analysis

Summary of MySQL database like statement wildcard fuzzy query

Tutorial on installing MySQL database and using Navicat for MySQL

Detailed explanation of the construction and use of docker private warehouse

Recommend

Comparison of CSS shadow effects: drop-Shadow and box-Shadow

Method of realizing automated deployment based on Docker+Jenkins

How to configure nginx to return text or json

Summary of some thoughts on binlog optimization in MYSQL

Zabbix3.4 method to monitor mongodb database status

Analysis of CocosCreator's new resource management system

Solution to the problem of being unable to access the Internet after Ubuntu restarts in VMWare

How to install ELK in Docker and implement JSON format log analysis

Copy the contents of one file to the end of another file in linux

Ajax responseText parses json data case study

The latest mysql-5.7.21 installation and configuration method

Analysis of two usages of the a tag in HTML post request

Some common properties of CSS

Analysis and solution of the reason why the frameset tag in HTML cannot be displayed normally

Java uses Apache.POI to export HSSFWorkbook to Excel