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弹出窗口(Html5页面上如何禁止手机虚拟键盘弹出)
- 在html代码如何添加php代码(php生成HTML文件的类方法)
- h5打开小程序点允许(html5跳转小程序wx-open-launch-weapp踩坑)
- Server对象的HtmlEncode和UrlEncode
- html5的占位符(html5 冒号分隔符对齐的实现)
- uni app开发教程(uniapp+Html5端实现PC端适配)
- webui控件在前端开发中的作用(HTML5 weui使用笔记)
- dedecms使用教程(让dedecms实现shtml包含的实现方法)
- php内置加密函数(php过滤htmlspecialchars 函数实现把预定义的字符转换为 HTML 实体用法分析)
- html结合css实现简单网页(基于HTML+CSS实现网页滑动门效果)
- js如何解决iphone异形屏适配(Html5适配iphoneX刘海屏的简单实现)
- HTML5面试题
- html5基本结构图解(html5简介及新增功能介绍)
- html正则表达式案例(关于html字符串正则判断和匹配的具体使用)
- 如何找到某个HTML元素所绑定的事件
- 点赞 禹州苌庄正式撤乡建镇 未来发展不可估量(禹州苌庄正式撤乡建镇)
- 它荣获 中国生态魅力镇 称号 就在咱们禹州,一起来看看(中国生态魅力镇)
- 真牛 禹州将建成中等城市(禹州将建成中等城市)
- 被骂欺师灭祖,与郭德纲公开叫板,何云伟改名何沄伟,开始画画了(与郭德纲公开叫板)
- 相声转行影帝,被何晴抛弃,甩10年女友闪婚生子,刘威不靠谱情史(相声转行影帝被何晴抛弃)
- 岳云鹏不说相声,改行演员了 网友 快回来说相声(岳云鹏不说相声)
热门推荐
- mysql触发器如何创建(MySQL 触发器的使用和理解)
- MySQL SQL Assistant智能提示
- 电脑屏幕截图保存在哪
- django数据库详解(Django页面数据的缓存与使用的具体方法)
- 织梦cms怎么调用(织梦CMS采集时keywords字段无法添加过滤规则的解决方法)
- 安装apache服务器配置(Apache 配置详解最好的APACHE配置教程)
- centosdocker镜像安装mysql(linux下利用Docker安装mysql的步骤)
- sqlserver新建表参数错误(Sql Server中判断表、列不存在则创建的方法)
- C#中typeof 与GetType()的区别
- 如何找到某个HTML元素所绑定的事件