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

Install Docker on Centos7 (2020 latest version available, just copy and paste)

Refer to the official documentation here for oper...

How to use cursor triggers in MySQL

cursor The set of rows returned by the select que...

Detailed tutorial on installing Python 3.8.1 on Linux

This example takes the installation of Python 3.8...

Introduction to the method attribute of the Form form in HTML

1 method is a property that specifies how data is ...

Summary of basic knowledge points of MySql database

Table of contents Basic database operations 2) Vi...

Docker Gitlab+Jenkins+Harbor builds a persistent platform operation

CI/CD Overview CI workflow design Git code versio...

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

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

Solution to Vue3.0 error Cannot find module'worker_threads'

I'll record my first attempt at vue3.0. When ...

Linux sftp command usage

Concept of SFTP sftp is the abbreviation of Secur...

Summary of pitfalls of using nginx as a reverse proxy for grpc

background As we all know, nginx is a high-perfor...

Detailed process record of nginx installation and configuration

Table of contents 1 Introduction to nginx 1 What ...

VMwarea virtual machine installation win7 operating system tutorial diagram

The installation process of VMwarea will not be d...

How to use html css to control div or table to be fixed in a specified position

CSS CodeCopy content to clipboard .bottomTable{ b...

This article will show you how to use Vue 3.0 responsive

Table of contents Use Cases Reactive API related ...

Copy fields between different tables in MySQL

Sometimes, we need to copy a whole column of data...