CSS定义hr分割线的样式

2016-02-19 13:37 384 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

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

延伸阅读
黄金分割线构图法的原理以及在拍摄中的运用 Moment 作者:黑色幽默 在你的画面中,起着最主导的地位的是什么?没错就是构图!直接关系着作品呈现出来效果的主要因素。撇开模特的情绪表情不说,光线不好可以用后期,色彩不好可以转黑白,调色调,但是构图不理想,那就只能说抱歉了,拍回来,也是占内存。而本教程主要为了告诉你一种...
Moment 作者:黑色幽默 在你的画面中,起着最主导的地位的是什么?没错就是构图!直接关系着作品呈现出来效果的主要因素。撇开模特的情绪表情不说,光线不好可以用后期,色彩不好可以转黑白,调色调,但是构图不理想,那就只能说抱歉了,拍回来,也是占内存。而本教程主要为了告诉你一种在你以后拍摄任何题材都能用得上的构图手法,学会这一...
吉萨金字塔、蒙娜丽莎、Twitter和百事可乐有什么共同点?答案很简单,它们的设计都遵循了黄金比例。作为一个常见的数学比例,黄金比例实际上是从自然界中总结并发现的,用于设计中的时候能赋予作品更多的设计美感,赏心悦目。那么,黄金比例到底是怎么样的比例,它又是如何运用到设计中并提升设计作品的呢? 什么是黄金比例? 黄金比例是一个比...
标签: Web开发
定义LI前面的小点样式  view plaincopy to clipboardprint? 语法:   list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha...
标签: 软件教程 word
点击“格式”→“文字”来在内容上下两端插入两条水平线,大多数都是这样,但是比较麻烦,最主要的是容易造成版式混乱,其实还有更贱的的方法,下面整理了一些快速插入水平线的方法,不了解的朋友可以参考下。 问:Word中怎么添加分割线? 打三个“-”,然后回车(注意是半角的)三个“=”,...

经验教程

748

收藏

50
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部