解决hr分割线在IE中存在默认边距问题
2015-06-27 22:22
323 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> <!-- *{ margin:0; padding:0; } body{ font:12px/130% Verdana, Geneva, Arial, Helvetica, sans-serif 宋体; text-align:center; } li{ list-style:none; } .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix{display:inline-block;} .hr1{ height:1px;border:none;border-top:1px solid Black;margin:0;*margin:0 0 -14px 0;float:none;*float:left;display:block;} .hr2{ height:2px;border:none;border-top:2px solid #C71585;margin:0;*margin:0 0 -14px 0;float:none;*float:left;display:block;} .hr3{ height:3px;border:none;border-top:3px solid #6B8E23;margin:0;*margin:0 0 -14px 0;float:none;*float:left;display:block;} div{ height:20px; background:#D3EDF8;} --> </style> </head> <body> <div></div> <hr class="hr1" /> <hr class="hr2" /> <hr class="hr3" /> <div></div> </body> </html>
相关文章推荐
- mac下安装MySQL-python模块
- Ubuntu14.04搭建FFMPEG + SDL + CodeBlocks开发环境
- Window7 (64位) 上安装Theano 0.7的快捷方法
- 小白学习之路(二):java 中> , >> , >>>的区别
- 指针常量和常量指针的几种改变方式
- CentOS7安装iptables防火墙
- String创建对象理解
- android style中出现自定义属性时的写法
- System Center 2012 R2实例3—SCOM之SharePoint全方位监视4—安装代理
- XPP3 即 MXP1--一个非常快的XML解析器
- ewebEditor 更改上传文件时不要重命名
- 单机安装DynamicsAX2012R3VM。封贴
- 谈谈Ext JS的组件——布局的使用方法续二
- 谈谈Ext JS的组件――布局的使用方法续二
- 黑马程序员--Java学习日记之IO(异常处理与finally)
- 学会C sharp计算机编程语言 轻松开发财务、统计软件
- [O]打印时闪退问题
- CSS2与CSS3属性
- 谈谈Ext JS的组件——布局的使用方法续二
- 《偷心》有感