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
您可能感兴趣
- h5实现弹出悬浮窗(Html5监听手机摇一摇事件的实现)
- HTMl5 sessionStorage和localStorage
- 微信html5页面怎么制作(HTML5中外部浏览器唤起微信分享功能的代码)
- html5中怎么做圆形框架(HTML5 层的叠加的实现)
- pythonhtml文件转换成pdf库(Python3转换html到pdf的不同解决方案)
- php内置加密函数(php过滤htmlspecialchars 函数实现把预定义的字符转换为 HTML 实体用法分析)
- html5canvas功能介绍(Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 附转换公式)
- vscode快速生成html框架(VSCode 自定义html5模板的实现)
- webui控件在前端开发中的作用(HTML5 weui使用笔记)
- nginx更改html内容(apache与iis下让html格式的页面也同样具有shtml的动态解析)
- vue在html里面怎么展示图片(v-html渲染组件问题)
- web前端快速入门之html(Web前端开发规范2017HTML/JavaScript/CSS)
- HTML5<q> 与 <blockquote> 的区别
- html的css中怎么选择第三个子元素(CSS中 opacity的设置影响了index层数的改变的问题总结推荐)
- html5课程入门(萌新的HTML5 入门指南)
- 只用html5简单动画代码(HTML5 3D书本翻页动画的实现示例)
- 这8种耐阴植物,营造阴生植物花境,也是一个不错的选择(营造阴生植物花境)
- 览邦G08 Plus SMART WATCH 测评⑱ 全独立这才是智能手表该有的样子(览邦G08PlusSMART)
- 荣耀手表 GS 3 真机亮相 不支持无线充电(荣耀手表GS3)
- 通过体温就能为智能手表充电 原来是用NASA在空间站用的黑科技(通过体温就能为智能手表充电)
- 智能手表兼容Windows和Android 无需充电挑战苹果(智能手表兼容Windows和Android)
- 一天一冲也算表 麦步,一款待机 21 天的智能手表体验评测(一天一冲也算表)
热门推荐
- vuex-table行列转换效果(vue3+el-table实现行列转换)
- Js操作cookie
- laravel模型个数(laravel withCount 统计关联数量的方法)
- php生成json信息(php使用json-schema模块实现json校验示例)
- 织梦cms内容模型管理详解(织梦CMS系统TAG标签页面包屑导航的调用方法)
- dedecms图集栏目(Dedecms图集上传zip压缩包解压图片顺序不对问题的解决方法)
- django框架基础之路由详解(详解Django中CBVClass Base Views模型源码分析)
- css3怎么构建阴影(详解css3 mask遮罩实现一些特效)
- dedecms中的有些功能如何修改(dedecms 栏目页面转换为单独页面)
- MYSQL中常用的强制性操作