CSS定义hr分割线的样式

yongkong312

yongkong312

2016-02-19 13:37

今天图老师小编要跟大家分享CSS定义hr分割线的样式,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!
!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

展开更多 50%)
分享

猜你喜欢

CSS定义hr分割线的样式

Web开发
CSS定义hr分割线的样式

解决hr分割线在IE中存在默认边距问题

Web开发
解决hr分割线在IE中存在默认边距问题

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

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

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

摄影基础:构图黄金分割线

摄影 人像摄影 静物摄影
摄影基础:构图黄金分割线

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

黄金分割线使用技巧是什么

股票
黄金分割线使用技巧是什么

WPS教程 怎么取消打印预览分割线

电脑入门
WPS教程 怎么取消打印预览分割线

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何使用“月蚀”进行J2ME开发

如何使用“月蚀”进行J2ME开发

用NetBeans平台开发J2ME游戏实例讲解1

用NetBeans平台开发J2ME游戏实例讲解1
下拉加载更多内容 ↓