html中hr标签
类别:Web前端 浏览量:701
时间:2014-12-12 html中hr标签
html中hr标签HTML提供了修饰段落的水平分割线,在很多的网页布局中都可以轻松使用,而不需要另外作图。水平分割线的标签是单标签:<hr/> 默认情况下只占一行。
一、常用的属性有width、size、align、color和titile
width:即表示宽度,属性值默认单位为像素(px),也可以用百分比来表示分割线所占空间的比例;
size:表示分割线的厚度或高度,属性值默认单位也为像素(px);
aling:为对齐方式,类似于<p>的align;
color:即颜色,我们可以根据需要设置分割线的不同颜色;
title:这个属性使用的不多,表示当浏览者光标悬停在分割线上时出现属性值的内容提示。
二、hr 在各浏览器下的差异
其它浏览器 | ie6、ie7 | firefox | |
实际高度 | height+border | height | height |
背景色 | background-color | background-color(当高度 <= 2px 时,显示高度背景色为灰色,需要 color 来设置颜色) |
background-color |
三、html中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 */
}
标签:html
您可能感兴趣
- html5开发图片(HTML5开发动态音频图的实现)
- html5 webrtc技术详解(Html5 webRTC简单实现视频调用的示例代码)
- html5canvas画图有什么用(Html5基于canvas实现电子签名并生成PDF文档)
- canvas图片显示报错(html2canvas生成的图片偏移不完整的解决方法)
- html5如何设置标签(HTML5中在title标题标签里设置小图标的方法)
- html怎么使用css居中(HTML+CSS实现单列布局水平居中布局)
- html markdown 超链接对比(html+js 实现markdown编辑器效果)
- .NET使用Html Agility Pack解析html
- html53d效果代码(HTML5 直播疯狂点赞动画实现代码 附源码)
- html5 meta标签
- html5表格设计(Html5饼图绘制实现统计图的方法)
- dedecms如何使用标签(dedecms 移动文章后,原来生成的HTML依然存在解决方法)
- html5导航栏怎么设计(html5 横向滑动导航栏的方法示例)
- html5图片做背景代码(Html5之webcoekt播放JPEG图片流)
- HTMl5 sessionStorage和localStorage
- html5布局(Html5让容器充满屏幕高度或自适应剩余高度的布局实现)
- 她救了被绑架的他,而这一切竟是一场阴谋...(她救了被绑架的他)
- 冬季养殖这6种阴生植物,方便又好养,你家有么(冬季养殖这6种阴生植物)
- 阴生植物为什么不怕照不到阳光(阴生植物为什么不怕照不到阳光)
- 阴生环境 耐阴地被植物,你知道哪些(阴生环境耐阴地被植物)
- 常见的喜阴植物有哪些 养室内盆栽就在这里选(常见的喜阴植物有哪些)
- 这8种耐阴植物,营造阴生植物花境,也是一个不错的选择(营造阴生植物花境)
热门推荐
- sqlserver如何添加数据库(sqlserver建立新用户及关联数据库教程)
- vue中的mapgetter优势(vuex 中辅助函数mapGetters的基本用法详解)
- web前端开发的规范
- 微信小程序获取时间(微信小程序wxs日期时间处理的实现示例)
- laravel5怎么设置中间件(浅谈Laravel中的三种中间件的作用)
- mysql的默认事务隔离级别(啥是 MySQL 事务隔离级别?)
- php代码生成器(PHP迭代器和生成器用法实例分析)
- apache服务器配置https(Apache Rewrite url重定向功能的简单配置)
- 宝塔面板解除域名绑定代码(宝塔面板网站防跨站攻击open_basedir无法关闭解决办法)
- vue导出动态的excel功能(vue中如何下载excel流文件及设置下载文件名)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9