CSS定义hr分割线的样式

2016-02-19 13:37 424 1 收藏

今天图老师小编要跟大家分享CSS定义hr分割线的样式，精心挑选的过程简单易学，喜欢的朋友一起来学习吧！

【 tulaoshi.com - Web开发】

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
head
title/title
style type="text/css"
!--
.hr0{ height:1px;border:none;border-top:1px dashed #1E90FF;}
.hr1{ height:1px;border:none;border-top:1px solid #000;}
.hr2{ height:3px;border:none;border-top:3px double #6B8E23;}
.hr3{ height:5px;border:none;border-top:5px ridge #45D6D8;}
.hr4{ height:10px;border:none;border-top:10px groove #FF8C00;}
--
/style
/head
body
hr /
hr /
hr /
hr /
hr /
/body
/html

来源:http://www.tulaoshi.com/n/20160219/1604805.html

上一篇：如何使用“月蚀”进行J2ME开发
下一篇：用NetBeans平台开发J2ME游戏实例讲解1

看过《CSS定义hr分割线的样式》的人还看了以下文章更多>>

如何在设计中充分运用黄金比例分割线

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

吉萨金字塔、蒙娜丽莎、Twitter和百事可乐有什么共同点?答案很简单，它们的设计都遵循了黄金比例。作为一个常见的数学比例，黄金比例实际上是从自然界中总结并发现的，用于设计中的时候能赋予作品更多的设计美感，赏心悦目。那么，黄金比例到底是怎么样的比例，它又是如何运用到设计中并提升设计作品的呢? 什么是黄金比例? 黄金比例是一个比...

PowerPoint中怎么绘制通常用作分割线的颜色渐变型直线

标签：电脑应用计算机应用技术 powerpoint

在制作课件中，如相遇问题、追击问题等，常遇到线条颜色的渐变，渐变型的直线通常用作分割线，很好看。可以用矩形图形画出线条。然后双击矩形。选填充-填充效果-渐变。本文要实现的效果如下图所示：这种渐变型的直线通常用作分割线，很好看。在PPT中的实现步骤记录如下：画一条直线右键–设置形状格式，打开对话框，切换到&l...

Word中简单快速插入各种分隔线及删除分割线的方法

标签：软件教程 word

点击“格式”→“文字”来在内容上下两端插入两条水平线，大多数都是这样，但是比较麻烦，最主要的是容易造成版式混乱，其实还有更贱的的方法，下面整理了一些快速插入水平线的方法，不了解的朋友可以参考下。问：Word中怎么添加分割线？打三个“－”，然后回车（注意是半角的）三个“＝”，...

CSS继承样式定义方法

标签： Web开发

继承样式定义方法,这样写的好处可以节省网页的代码容易真正的代码与内容相分离,对seo优化也有很大的帮助,下面我们来看一个简单的实例. style .nav ul li a:hover{ background:url(imgs/hover.gif) left top no-repeat; } .nav ul li{ height:28px; width:100%; } .nav ul li a{ display:block; height:28px; width:100%; margin...

PPT中设计分割线让其富有阴影、渐变、透明度等效果

标签：电脑应用计算机应用技术 powerpoint

分割线，顾名思义就是把东西分割开的线咯，它们常用在文章中间，使文章看起来更加美观，也方便大家阅读。分割线有图片分割线和符号分割线，有竖的也有横的（斜的好像没见过……）五花八门各式各样。 PPT之所以可以吸引观众的眼球，主要是在于其强大的表现元素，在制作PPT时分割线的存在是不可少的，本文为大家讲解下PPT中最常见的...

查看更多精彩>>