`
Messi光明
  • 浏览: 55615 次
  • 性别: 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
分享到:
评论

相关推荐

    html设置分割线虚线,css border设置虚线样式

    然后在CSS中定义`.custom-hr`类来设置虚线样式: ```css .custom-hr { border: 0; /* 清除默认边框 */ height: 1px; /* 设置分割线的高度 */ background-color: transparent; /* 背景透明 */ border-top: 1px ...

    css中hr标签的各种用法

    在HTML中,`&lt;hr&gt;`标签(Horizontal Rule)被用来插入一条水平线,通常用于分隔文档中的不同部分,提供视觉上的区分。然而,通过CSS,我们可以进一步定制`&lt;hr&gt;`标签的外观,使其在设计中发挥更多作用。本文将详细介绍...

    前端练习01-前端-HTML(hr练习)

    在本前端练习01中,我们专注于HTML(超文本标记语言)的学习,特别是关于`&lt;hr&gt;`标签的实践应用。HTML是构建网页的基础,它定义了网页的结构和内容。`&lt;hr&gt;`标签,全称为Horizontal Rule,是HTML中用于在页面上创建...

    hr标签效果.txt

    ### HR标签在HTML中的应用与效果 #### 一、引言 HTML(Hyper Text Markup Language)是用于创建网页的标准标记语言。在HTML中,`&lt;hr&gt;`标签被用来表示一个水平分隔线,通常用于分割页面上的不同部分,起到视觉区分...

    人力资源管理系统(HR)HTML模板 +.rar

    【标题】"人力资源管理系统(HR)HTML模板"指的是专用于构建人力资源管理系统的前端网页模板,这类模板通常包含一系列预设计的HTML页面,如登录、注册、员工信息展示、招聘流程、考勤管理、福利待遇等模块,以快速搭建...

    人力资源管理系统(HR)HTML模板 (1)+.rar

    在人力资源管理系统中,HTML模板不仅包含页面布局,还包括色彩搭配、字体样式、按钮设计等元素,旨在提升用户的交互体验。 "人力资源管理系统(HR)HTML模板 (1)"这个模板可能包含了以下关键组件: 1. 登录/注册页面...

    Html中用table画斜线

    在HTML中,`&lt;table&gt;`元素是用于创建表格的关键组件,它在网页布局和数据展示中扮演着重要角色。在某些场景下,我们可能需要在表格的单元格(`&lt;td&gt;`)内添加斜线,以达到特殊的视觉效果或区分不同的信息。例如,在描述...

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

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

    青鸟期中考试HTML.pdf

    本资源摘要信息涵盖了 HTML 基础知识点,包括 HTML 文档结构、图像插入、样式表引入、特殊字符显示、字体和颜色设置、无序列表创建、表格创建、框架技术、背景图片设置、标记结束、文本格式控制等。 1. HTML 文档...

    HR人事后台页面框架

    首先,框架包含CSS(层叠样式表)部分,这是网页设计中的关键组成部分,负责定义页面的布局、颜色、字体等视觉元素。CSS使得开发者能够独立于HTML结构对页面进行样式控制,提高了代码的可维护性和可复用性。在这个...

    HTML测试题含答案.pdf

    HTML 测试题含答案 本资源摘要信息总结了 HTML 测试题含答案 PDF 文件中的知识点,涵盖了 HTML 基础知识、HTML ...可以使用 &lt;HR&gt; 标记创建水平线,size 属性可以设置水平线的高度,color 属性可以设置水平线的颜色。

    HTML基础教程(零基础开始学习)

    HTML 中可以使用十六进制数表示的 RGB 颜色,也可以使用 Html 语言所给定的常量名来表示颜色,例如: * `bgcolor="#rrggbb"`: 设置背景颜色。 * `text="#rrggbb"`: 设置文本颜色。 * `link="#rrggbb"`: 设置链接...

    (完整版)html测试题.pdf

    * 颜色是 HTML 中的一种基本属性,用来设置文本、背景等元素的颜色。 * 颜色可以使用 hex 码或颜色名称来指定。 * 颜色可以应用于文本、背景、边框等元素上。 七、表单 * 表单是 HTML 中的一种基本结构元素,用来...

    HTML5中文参考手册

    - **功能**:定义文本的字体、尺寸和颜色,但在HTML5中已被废弃,推荐使用CSS。 - **版本**:仅在HTML4中支持。 ##### 47. `&lt;footer&gt;` - **功能**:定义section或page的页脚,通常包含版权信息、联系方式等。 -...

    html基础代码,html+css教程

    在上面的例子中,`p`元素内的文本颜色被设置为红色。`color`属性可以接受多种颜色值,如`blue`、`yellow`等。 通过学习和理解这些基本的HTML元素和概念,你可以开始创建简单的网页,并逐渐掌握更复杂的网页设计技术...

    hr 水平线样式示例代码

    总结一下,`&lt;hr&gt;`标签在HTML中用于创建水平线,通过结合CSS属性,我们可以自定义其宽度、颜色、边框样式、对齐方式等,以满足不同的设计需求。在HTML5中,推荐使用内联CSS或者外部CSS文件来管理这些样式,以保持代码...

    学习 html

    5. **文字标签**:设置文本的颜色、行距等属性。 6. **影像标签**:插入图片到网页中。 7. **背景标签**:设置背景颜色或图像。 8. **连结标签**:创建超链接。 9. **表格标签**:创建表格。 10. **序列标签**:定义...

    HTML中的常用标签

    - **字体颜色**:可以通过`&lt;font color="#RRGGBB"&gt;`来设置字体颜色,其中`#RRGGBB`表示十六进制的颜色值。 3. **其他文本格式化标签**: - **小字体**:`&lt;small&gt;`使文本变得更小。 - **大字体**:`&lt;big&gt;`使文本变...

    HTML颜色参考手册(网页开发必备工具)

    HTML颜色参考手册是网页开发者的重要工具,它提供了一种方便的方式来选择和使用颜色,确保网页设计的色彩搭配得当,视觉效果良好。 在HTML中,颜色可以使用不同的方式表示,包括: 1. 名称:例如`红色文本&lt;/font&gt;`...

    html_htnl5_

    首先,`hr水平线.html`文件可能包含了关于HTML5 `&lt;hr&gt;` 标签的示例。`&lt;hr&gt;` 标签在HTML中用于创建一个水平分隔线,常用来表示段落间的视觉分隔或者突出页面的结构。在HTML5中,`&lt;hr&gt;`标签被简化,不再需要闭合标签,...

Global site tag (gtag.js) - Google Analytics