`
Messi光明
  • 浏览: 53568 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

关于html中hr的颜色设置

    博客分类:
  • web
web 
阅读更多

关于html中hr的颜色设置

<hr>这个代码在我的短暂网页制作生涯中还没有用到过。不过下午girlfriend问及颜色设置问题。照着一般代码的属性猜了一下。说在<hr color="red" />就应该可以的。
试着写了一个简单的页面。果然变为红色。

又在百度上搜了一下。还有其他的可选属性,一并列下。

HTML <hr>标签

一、定义与用法

<hr>标签可以插入水平线

二、在HTML和XHTML中的区别

  1. 在HTML中<hr>标签不需要结束标签
  2. 在XHTML中<hr>标签必须合理的关闭 实例:This is some text <hr /> This is some text
  3. 在HTML4.01中所有与hr有关的属性都不再被推荐使用
  4. 在XHTML1.0严密型DTD中不支持所有有关hr元素的属性

三、可选属性

四、标准属性

id, class, title, style, dir, lang, xml:lang

五、事件属性

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

六、HR做细线在FF浏览器中的问题!!

<hr size="1" noshade style="border:1px dashed #cccccc;">上面的代码在IE里可以出现正常的细点线,但在FF中虽然也是点线,但是很粗,请问怎样做在FF中才能使hr是线变成点线?

border:1px = border-top:1px;border-left:1px;border-right:1px;border-bottom:1px
因为有四条连线,所以会线条会变粗。
试试下面的。使用 dotted 参数在 firfox 下会显示比IE更细的虚线。当然,你也可以用回 dashed 参数.
<hr style="height:1px;border:0;border-bottom:1px dotted #cccccc;margin:0" />

 

1
0
分享到:
评论

相关推荐

    关于hr标记在各浏览器中的问题说明

    HTML中也一样,我们不常见&lt;hr&gt;,但一见通常就决定了能否拥用完美分割线。这里,就不附图了,直接列表供查阅吧:   正常浏览器 IE6、7 Firefox 实际高度 height + border-right-width + border-left-width ...

    css控制水平衡线hr标签样式去掉其阴影效果

    html中水平衡线hr默认高度是两个像素,其中border-top高1px,且颜色为黑,border-bottom高1px颜色为灰,这时看着是阴影效果 去掉阴影效果很简单,只需在css里把border-bottom或border-top属性设置一个为none即可。 ...

    HTML开发王

    5.7 加入水平分割线(hr元素) 5.7.1 分隔线宽度和高度(width属性、size属性) 5.7.2 分隔线对齐(align属性) 5.7.3 分隔线颜色(color属性) 5.7.4 分隔线阴影(noshade属性) 5.8 巩固与自测 第6章 建立列表 6.1 创建列表 ...

    从入门到精通HTML5——PDF——网盘链接

     2.5.1 设置文字颜色——text 31  2.5.2 背景颜色属性——bgcolor 32  2.5.3 背景图像属性——background 32  2.5.4 设置链接文字属性——link 35  2.5.5 设置边距——margin 37  2.6 页面的注释标记 38  2.7...

    HTML标签大全

    &lt;hr&gt;水平线 &lt;!--...--&gt;注释 --文本 粗体文本 不赞成用。文本字体、尺寸和颜色 斜体文本 强调文本 大文本 强烈强调文本 小文本 上标文本 下标文本 文本方向 不赞成用。下划线文本 --文本1 格式文本 代码文本 打字机...

    前端css+html+布局笔记

    通过选择器可以选中页面中的一组元素,然后为其设置样式 元素选择器 根据标签名,选中页面中的指定元素 语法:标签名{ } 例子: div{} p{} h1{} id选择器 根据元素的id属性值选中一个...

    html入门到放弃笔记

    1、编写一对 body 标记,在body标记中,嵌套一对 div标记,在 div 标记中 ,嵌套一对 a 标记,在 a标记中,嵌套一对 b 标记,b标记中,随意编写一些文本 &lt;body&gt; 这是一段测试文本 &lt;/body&gt; ...

    css控制水平衡线hr标签样式去掉阴影效果

    html中水平衡线hr默认高度是两个像素,其中border-top高1px,且颜色为黑,border-bottom高1px颜色为灰,这时看着是阴影效果 去掉阴影效果很简单,只需在css里把border-bottom或border-top属性设置一个为none即可。 ...

    如何定义html hr 样式(多种效果)

    关于hr标签的一些样式项目需要,研究了一些hr的样式,以下代码分别定义了几种漂亮的HR样式及颜色,供你参考,如果喜欢,直接拷贝代码就用吧,感兴趣的你可不要错过了哈

    css 的border属性改变hr颜色小示例

    html中用css改变颜色, 复制代码代码如下: &lt;hr xss=removed&gt; 如果不加border:0;的话,虽然颜色改变了,但是会显示一条黑色的边框。 如果不加height:1px;的话,在firefox下会不显示。

    html 讲解 文字 图片 表格相关 frame 页面布局

    【4】分隔线的颜色 &lt;hr color=#rrggbb&gt; 【5】实心分隔线 &lt;hr noshade&gt; 17.居中对齐 &lt;center&gt;.......... 18.依原始样式显示 &lt;pre&gt;.......... 19.指令的属性 【1】背景颜色 -- bgcolor &lt;body bgcolor=#rrggbb&gt; ...

    HTML:超文本标题语言

    样式标准:设置网页元素的一个版本,颜色大小以及外观,css 行为标准:行为是指网页模型的定义及交互的编写,dom,es 语义化标签: 1方便袋妈的阅读和维护 2同时让浏览器或网络爬虫很好的解析,从而更好地分析其中...

    页面(PAGE)标记(TAGS)

    可在 HTML 文件中设置 MIME 字符集信息。 您在浏览主页时,最好自己在浏览器的选项菜单内选择相应的语言(language encoding)。 但是如果 HTML 文件里写明了设置,浏览器就会自动设置语言选项。 尤其是主页里用到了...

    Web前端基础:HTML5文本标签.pptx

    元素控制文本的字体、尺寸、颜色 1 1 HTML可定义很多供格式化输出的元素,比如粗体和斜体字 1 1 特殊字符:以“&”符号开始,以“;”符号结束 2 会插入一个换行符 2 元素定义段落。浏览器会自动地在段落的前后...

    H5+CSS3.zip

    css字体样式:font-family设置字体系列,font-size设置字体大小,font-weight设置字体粗细,font-style设置字体样式,color设置字体颜色的三种形式,font的简写; css文本样式:使用text-decoration添加文本修饰,...

    超经典的Web前端与移动开发基础视频 Web前端基础开发视频教程 移动开发基础视频教程

    74前端开发基础视频-关于像素的补充-CSS设置字体大小.avi 75前端开发基础视频-font-family设置字体类型.avi 76前端开发基础视频-font-family设置字体系列.avi 77前端开发基础视频-font-weight设置字体的粗细.avi...

    html中常用的标签总结(必看)

    通常为斜体强调文本通常为斜体加重文本,通常为黑体设置字体、字体大小、颜色等&lt;big&gt;&lt;small&gt;字体变大和字体变小加删除线程序码定义键盘文本块引用,通常是缩进地址标签上标下标 换行&lt;hr&gt;水平线 列表标签: 、和是...

    使用Repeater分页

    通常,可以使用此模板为交替项创建不同的外观,例如指定一种与在 ItemTemplate 中指定的颜色不同的背景色。 HeaderTemplate 和 FooterTemplate 包含在列表的开始和结束处分别呈现的文本和控件。 SeparatorTemplate ...

Global site tag (gtag.js) - Google Analytics