关于分割线 hr 在各浏览器中的差异

ttx9n · 发表于 2014-9-3 09:37:57

分割线 hr经常会用到，但是在 ie6 和 ie7 下显示很蛋疼，本文将教你如何写出兼容各浏览器的 hr，先了解下 hr 在各浏览器下的差异在做页面是有时候会用到分割线 hr，但是在 ie6 和 ie7 下显示很蛋疼，本文将教你如何写出兼容各浏览器的 hr。

首页我们先了解下 hr 在各浏览器下的差异，如下表格：

比如想创建一个实际高度为 3px，边框为 1px，边框颜色为 #07f，背景色为 #f60 的分割线：

复制代码代码如下:
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 */

9jduu05 · 发表于 2022-10-25 22:47:10

来看看怎么样

0y3yp · 发表于 2022-12-19 14:33:21

啊，数码撒飒飒飒飒

黑白键 · 发表于 2022-12-23 19:29:27

这个源码还可以

qwe520 · 发表于 2023-1-20 09:39:41

看看看看看看看看看看看看看看看看看看看看看看看看看看看

errol123 · 发表于 2023-2-26 16:23:33

1312315458748777

idy6_yus · 发表于 2023-9-19 09:01:43

天天源码社区论坛

8ayoqrpj · 发表于 2024-3-23 02:07:25

啊，数码撒飒飒飒飒

黑白键 · 发表于 2024-6-11 02:28:49

谢谢分享，先下来用用

a971560 · 发表于 2024-8-24 09:50:49

看看怎么样再说

账号		自动登录	找回密码
密码			立即注册

[HTML/Xhtml] 关于分割线 hr 在各浏览器中的差异

相关帖子