Differences in the hr separator between browsers

Differences in the hr separator between browsers
When making a web page, you sometimes use a dividing line hr, but it is very painful to display it in IE6 and IE7. This article will teach you how to write an hr that is compatible with all browsers.

Home page Let's first understand the differences between hr in various browsers, as shown in the following table:

For example, if you want to create a dividing line with an actual height of 3px, a border of 1px, a border color of #07f, and a background color of #f60:

Copy code
The code is as follows:

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

<<:  How MySQL supports billions of traffic

>>:  Detailed explanation of the solution to font blur when using transform in CSS3

Recommend

Example of using supervisor to manage nginx+tomcat containers

need: Use docker to start nginx + tomcat dual pro...

Summary of knowledge points about events module in Node.js

Through the study and application of Node, we kno...

React method of displaying data in pages

Table of contents Parent component listBox List c...

How to achieve centered layout in CSS layout

1. Set the parent container to a table and the ch...

Analysis of Mysql transaction characteristics and level principles

1. What is a transaction? A database transaction ...

How to restore docker container data

The project test environment database data is los...

Example of implementing GitHub's third-party authorization method in Vue

Table of contents Creating OAuth Apps Get the cod...

Detailed explanation of Zabbix installation and deployment practices

Preface Zabbix is ​​one of the most mainstream op...

Vue realizes cascading selection of provinces, cities and districts

Recently, I need to implement a cascading selecti...

Docker uses the nsenter tool to enter the container

When using Docker containers, it is more convenie...

MYSQL Operator Summary

Table of contents 1. Arithmetic operators 2. Comp...