解决hr分割线在IE中存在默认边距问题

2016-02-19 13:35 23 1 收藏

今天图老师小编给大家介绍下解决hr分割线在IE中存在默认边距问题,平时喜欢解决hr分割线在IE中存在默认边距问题的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - Web开发 】

!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 /
hr /
hr /
div/div
/body
/html

来源:https://www.tulaoshi.com/n/20160219/1604728.html

延伸阅读
在制作课件中,如相遇问题、追击问题等,常遇到线条颜色的渐变,渐变型的直线通常用作分割线,很好看。可以用矩形图形画出线条。然后双击矩形。选填充-填充效果-渐变。 本文要实现的效果如下图所示: 这种渐变型的直线通常用作分割线,很好看。 在PPT中的实现步骤记录如下: 画一条直线 右键–设置形状格式,打开对话框,切换到&l...
标签: 软件教程 word
点击“格式”→“文字”来在内容上下两端插入两条水平线,大多数都是这样,但是比较麻烦,最主要的是容易造成版式混乱,其实还有更贱的的方法,下面整理了一些快速插入水平线的方法,不了解的朋友可以参考下。 问:Word中怎么添加分割线? 打三个“-”,然后回车(注意是半角的)三个“=”,...
分割线,顾名思义就是把东西分割开的线咯,它们常用在文章中间,使文章看起来更加美观,也方便大家阅读。分割线有图片分割线和符号分割线,有竖的也有横的(斜的好像没见过……)五花八门各式各样。 PPT之所以可以吸引观众的眼球,主要是在于其强大的表现元素,在制作PPT时分割线的存在是不可少的,本文为大家讲解下PPT中最常见的...
标签: 浏览器
怎么在IE中设置默认搜索引擎?   在IE浏览器中,为了用户搜索更加方便,添加了设置搜索引擎的功能。 在IE浏览器窗口的右上角有搜索框,可以直接输入内容,浏览器在启动的时候会启动默认的搜索引擎,用户可以通过更改,来设置自己喜欢的搜索引擎。 在输入关键词后,可以单击搜索框右侧的下三角,弹出的菜单中有多种搜索引擎...
标签: Web开发
解决IE编码问题第一步: dataType:($.browser.msie) ? "text" : "xml" 先这样做让IE 识别返回的是text 还是xml 第二步: 代码如下: function parseXml(xml) { //XML IE编码问题第二步 if (jQuery.browser.msie) { // 判断浏览器是不是IE var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); //微软下面的xmldom对象 xmlDoc.loadXML...

经验教程

950

收藏

64
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部