CSS定义HR水平线的几种样式 - 咫尺天涯 - ITeye博客

`

liuzidong

浏览: 2290835 次
性别:
来自: 成都

最近访客更多访客>>

joechl

njdccy

mushroom12

musicxujun

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

yzlseu：拼凑，没有营养
Activiti进阶—分配组任务
zhangsenhao：非常赞！代码很清楚
SpringMVC3.0+MyIbatis3.0(分页示例)
xiamw2000：分页写得不对，应该是： order by ${orderNa ...
SpringMVC3.0+MyIbatis3.0(分页示例)
sheertewtw： ...
SpringMVC:上传与下载
kingtoon： ...
XSS之xssprotect

CSS定义HR水平线的几种样式

博客分类：

CSS

阅读更多

转载:CSS定义HR水平线的几种样式
http://www.sx918.com/Design/Rules/5701282010.html

<style type="text/css">
 <!--
.hr0{ height:1px;border:none;border-top:1px dashed #0066CC;}
.hr1{ height:1px;border:none;border-top:1px solid #555555;}
.hr2{ height:3px;border:none;border-top:3px double red;}
.hr3{ height:5px;border:none;border-top:5px ridge green;}
.hr4{ height:10px;border:none;border-top:10px groove skyblue;}
 -->
 </style>

<hr class="hr0" />
<hr class="hr1" />
<hr class="hr2" />
<hr class="hr3" />
<hr class="hr4" />

如图所示:

查看图片附件

分享到：

Servlet 3.0 新特性详解 | Spring MVC入门(登录示例)

2011-01-27 10:42
浏览 5524
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

hr 水平线样式示例代码: 本文将深入探讨`<hr>`标签的不同属性及其在创建水平线样式时的应用，以及如何通过CSS来进一步定制水平线的外观。首先，基础的`<hr>`标签没有设置任何样式时，通常会默认生成一条简单的、薄薄的横线。例如： ```...

漂亮的按钮css样式表: `hr`标签用于创建水平线，通过`size`、`margin`和`border`属性可以调整其外观。综上所述，这段代码展示了如何使用CSS来创建美观且功能性的按钮，涉及到颜色、渐变、边框、内边距、文本样式和布局等多个方面，为Web...

如何定义html hr 样式(多种效果): 这些代码示例分别展示了几种不同的HR样式效果，包括渐变透明效果、纺锤形、立体效果和钢针效果等。这些效果通过CSS滤镜来实现，可以增强网页设计的视觉吸引力。标签“html hr 样式”点明了文章的主题，即如何通过...

html+css.doc: - **`<hr />`**：水平线标签，用于分隔内容。 - **`<address>`**：用于定义文档或文章的作者和/或出版者的联系信息。 - **`<code>`**：用于显示编程代码。 - **`<pre>`**：预格式化文本标签，保留空格和换行符。 - *...

html+css html: - `<hr>`标签用于创建水平线，可以添加多个属性来控制其显示效果，如`size`、`width`、`align`和`noshade`等。 - `size`：定义水平线的高度。 - `width`：定义水平线的宽度，可以使用像素或百分比。 - `align`：...

css 的border属性改变hr颜色小示例: 在网页设计中，CSS（Cascading Style Sheets）是一种用于定义HTML或XML（包括如SVG、MathML等各种XML方言）元素外观样式的重要工具。在这个"css的border属性改变hr颜色小示例"中，我们将深入探讨如何使用CSS的`...

关于分割线 hr 在各浏览器中的差异: 1. 使用CSS属性`height`、`background-color`和`border`来定义分割线的基本样式。 2. 对于IE6和IE7，使用星号hack（`*height`）来覆盖默认的高度。 3. 使用浏览器特定的前缀（如`@-moz-document`）来解决Firefox和...

DIV+CSS网页布局基础-常用HTML标签介绍: 9. `<hr>`：水平线，用于在内容之间划出一条分隔线。在`DIV+CSS`布局中，`CSS`的作用至关重要。它通过选择器（如类名、ID、元素选择器等）找到对应的HTML元素，并设定其样式，如颜色、字体、大小、位置等。常见的...

html css javascript笔记: 1) `<p>`定义段落，` `用于换行，`<hr/>`创建水平线，`<h1>`到`<h6>`表示标题级别。 2) `<img>`用于插入图像，`src`指定图像源，`alt`提供替代文本，`title`为鼠标悬停时的提示。 3) 发布网页通常涉及FTP（File ...

HTML：div+css标签: 10. `<hr>` 标签创建水平分隔线，可以通过 `size`、`width`、`align` 和 `color` 属性自定义其样式。 11. `<center>` 标签用于居中对齐文本，但现代CSS推荐使用 `text-align: center;` 代替。 12. `<pre>` 标签...

第2章 HTML5基础-HTML5+CSS3 Web前端开发与实例教程（微课视频版）配套PPT: - **水平线标签 (`<hr>`)**: - 插入一条水平线以分割内容。 ##### 3. 图像标签 - **图像标签 (`<img>`)**: - 用于在页面中嵌入图片。 - 必须的属性包括`src`（图片路径）和`alt`（替代文本，图片无法加载时显示...

HTML 几种特别分割线特效: HTML的`<hr>`标签最初只提供了一种简单的水平线，但通过CSS样式，我们可以创建各种各样的分割线特效，以满足更丰富的设计需求。下面我们将详细探讨如何利用CSS实现文中提到的几种特别的HTML分割线特效。 1. **基本...

html_js_css精解: 以上代码展示了如何使用标题、段落、换行 (` `) 和水平线 (`<hr />`)，同时使用了背景颜色。 #### 二、CSS美化页面 **3.1 标签的缩进** 为了提高HTML文档的可读性，通常推荐使用适当的缩进来组织标签。例如：...

网页设计与制作（HTML+CSS+JS）-3期（KC003）网页设计与制作 html5+CSS3+JavaScript 第2章: 标尺线通常用`<hr>`标签实现，它是一个简单的水平分隔线。判断题部分，我们看到一些关于网页和HTML的常见误解。例如，主页和网页并不完全一致，主页是网站的入口页面，但一个网站可能包含多个网页。相对路径不是...

Wap2.0开发语法及注意问题: XHTML MP扩展了XHTML Basic，包含了一些不被XHTML Basic支持的元素，如`<b>`（粗体）、`<big>`（大号字体）、`<i>`（斜体）、`<small>`（小号字体）和水平线`<hr/>`。然而，`<hr>`的`align`属性只支持`left`、`right...

非常简洁的图片展示HTML模板-灰色图片线条 HTML 英文展示: 3. **线条元素**：HTML5新增了一些结构性元素，如`<hr>`（水平线）可以用来在页面中添加线条，增强视觉分隔。此外，线条可能还通过CSS（层叠样式表）来实现，通过设置边框、阴影等属性。 4. **颜色与背景**：灰色...

HTML语言入门教程: 在这个例子中，`<h1>`定义了一个一级标题，`<p>`定义了一段文本，`<img>`插入了一张图片，`<hr>`画了一条50%宽度的水平线，`<font>`标签则设置了字体颜色。学习HTML是Web开发的基础，掌握了HTML，可以创建静态网页...

组织关系图源代码下载: 这部分代码中定义了三个类：`.dvItem`、`.dvhline` 和 `.dvvline`，分别对应组织结构图中的节点、水平线和垂直线。 #### 1.2 CSS样式 - **`.dvItem`**：表示一个组织节点，设置了宽度、边框、字体大小等属性。 - **...

Global site tag (gtag.js) - Google Analytics