IT新时空教育学院IT新时空教育学院

咨询热线:027-8739 6663

网页设计教程
您当前所在的位置:主页 > 学习教程 > 网页设计教程 >

分享到:

HTML教程中关于hr的一点经验

来源:IT新时空教育中心

点击量:

推荐指数:★★★★★

<hr> 标签可插入一个水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。
 
很多时候我们用css中的border属性,或者border-top,或者border-bottom来实现这种效果。这么做的原因大致的出于各个浏览器对&lt;hr&gt;的表现有一点点的不一致:
 
 
1.通常表现在和文档其他标签的距离,IE要比FF高出7像素;
2.线条的颜色控制各个浏览器也不一样;
 
还有一点<hr>在浏览器中通常是以2像素高的明暗线出现的,而我们的设计稿通常只有1个像素。 
 
在经常多时查找和测试,整理了一个比较兼容的css样式:
代码:
hr {margin-top:7px;*margin: 0;  border: 0; color: #FFF; background-color: #FFF; height: 1px }
 
其中:
margin-top:7px;*margin: 0;是解决ie和ff matgin-top不一致的问题;
border: 0; 是去掉ff的一条阴影线;
color: #FFF; 是设置ie下水平线的颜色;
background-color: #FFF; 是设置FF下水平线的颜色;
height: 1px;是设置水平线的高度,当然你也可以把它设置2px,3px;
 
还有以下<hr />的css属性我们也可以看看;
 
宽度:width:80%或者width:80px ;
对齐: text-align:center; 或者 text-align:left; 或者 text-align:right;

想知道更加详细的内容请点击这里>>

有问题?专业咨询团队为您解答!

周老师

课程顾问 周老师

对话周老师
王老师

课程顾问 王老师

对话王老师
吴老师

课程顾问 吴老师

对话吴老师
吕老师

课程顾问 吕老师

对话吕老师
韩老师

课程顾问 韩老师

对话韩老师
李老师

课程顾问 李老师

对话李老师
刘老师

课程顾问 刘老师

对话刘老师
报名送3000元学习礼包

EXP
经验导入教学

毕业等于两年工作经验

采用EXP8.0工作经验导入教学法在学习过程中直接接受老师的工作经验,让整个学习过程更加富有实战性,学习的内容更加贴近实际工作的需要,学成之后可以直接胜任各种设计工作,提高对于工作的自信心。【了解更多】

MTS
6对1保障式教学

学不会才是奇迹

总监面对面授课保障教学质量,在线同步视频加远程同步视频让你全天随时随地学,面对面总监辅导一遍学不会的内容反复讲,班主任心理辅导规划你未来的职业人生,丰富课余活动,劳逸结合让学习更加有效率。【了解更多】

OPR
有偿项目开发教学

学习也可以拿工资

IT新时空与上万家企业合作,引入全真企业项目,使用全新的OPR有偿项目开发教学阶段,不但可以学习到真实的企业工作项目,还可以拿到一定量的报酬,让学员学习赚钱两不误。【了解更多】

IT新时空倾力打造三大教学模式让我们的学员在职场上竞争力提高更多

测试题

设计学习报名常见问题解答

在线咨询
全国免费咨询电话:027-8739 6663
IT新时空设计师高级实训基地

联系电话:027-87396663
咨询QQ:51481188 200911884
地址:武汉市洪山区珞狮南路 南国雄楚广场
(南国大家装)A1栋8楼
版权所有©1998-2017  鄂ICP备09001907号-2