Chinaunix首页 | 论坛 | 博客
  • 博客访问: 4261570
  • 博文数量: 601
  • 博客积分: 15410
  • 博客等级: 上将
  • 技术积分: 6884
  • 用 户 组: 普通用户
  • 注册时间: 2007-05-16 08:11
个人简介

独学而无友,则孤陋而寡闻!

文章分类

全部博文(601)

文章存档

2020年(1)

2018年(4)

2017年(7)

2016年(42)

2015年(25)

2014年(15)

2013年(36)

2012年(46)

2011年(117)

2010年(148)

2009年(82)

2008年(37)

2007年(41)

分类: 系统运维

2009-07-03 20:55:48

水平线特效:

水平线:



用法:

水平线的用法其实很简单可以多变化,在编辑模式中,产生一条水平线,用滑鼠点选水平线,水平线四周会产生八的白色小方块,这时可以用滑鼠调整大小,而颜色可以利用文字色彩  A 来改变。

地下是利用CSS产生的变化,可复制粘贴使用,调整也是上述的方式:



虚线



立体内凹



立体浮凸






右至左简便白 - 黑蓝


左至右渐变白 - 分红


中间立体棒型 - 黑蓝


中间立体棒型 - 黑啡


红色色外框架 - 黄色







<P>点P>
<P>●P>
<P>P>
<HR style="BORDER-RIGHT: 3px dotted; BORDER-TOP: 3px dotted; BORDER-LEFT: 3px dotted; BORDER-BOTTOM: 3px dotted" color=#663300>

<P>P>
<P>●P>
<HR style="BORDER-RIGHT: #ffffff 1px dashed; BORDER-TOP: #ffffff 1px dashed; BORDER-LEFT: #ffffff 1px dashed; BORDER-BOTTOM: #ffffff 1px dashed; HEIGHT: 6px" color=#0000ff>

<P>P>
<P>●P>
<P>虚线P>
<P>●P>
<HR style="BORDER-RIGHT: 1px dashed; BORDER-TOP: 1px dashed; BORDER-LEFT: 1px dashed; BORDER-BOTTOM: 1px dashed" color=#99ff00>

<P>P>
<P>●P>
<HR style="BORDER-RIGHT: #cc33ff 2px dashed; BORDER-TOP: #cc33ff 2px dashed; BORDER-LEFT: #cc33ff 2px dashed; BORDER-BOTTOM: #cc33ff 2px dashed; HEIGHT: 2px" color=#cc33ff>

<P>P>
<P>●P>
<P>立体内凹P>
<P>●P>
<HR style="BORDER-RIGHT: 1px groove; BORDER-TOP: 1px groove; BORDER-LEFT: 1px groove; BORDER-BOTTOM: 1px groove" SIZE=7>

<P>P>
<P>●P>
<HR style="BORDER-RIGHT: 1px groove; BORDER-TOP: 1px groove; BORDER-LEFT: 1px groove; BORDER-BOTTOM: 1px groove; HEIGHT: 9px" color=#00ccff SIZE=9>
<P>P>
<P>●P>
<P>立体浮凸P>
<P>●P>
<HR style="BORDER-RIGHT: 1px ridge; BORDER-TOP: 1px ridge; BORDER-LEFT: 1px ridge; BORDER-BOTTOM: 1px ridge" SIZE=10>

<P>●P>
<HR style="BORDER-RIGHT: 1px ridge; BORDER-TOP: 1px ridge; BORDER-LEFT: 1px ridge; BORDER-BOTTOM: 1px ridge; HEIGHT: 10px" width="100%" color=#0000ff SIZE=10>

<P>P>
<P>●P>
<P>P>
<DIV>DIV>
<HR style="FILTER: alpha(opacity=5,finishopacity=100,style=1,startX=0,startY=0,finishX=100,finishY=100); HEIGHT: 14px" width="100%" color=#ff0000>

<DIV>
<P>●P>
<HR style="FILTER: alpha(opacity=10,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0); HEIGHT: 18px" width="100%" color=#993366>
DIV>
<DIV>
<P>●P>
<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=2); HEIGHT: 16px" color=#ccffcc>
DIV>
<P>P>
<P>●P>
<P><STRONG>右至左简便白 - 黑蓝STRONG> P>
<HR style="FILTER: alpha(opacity=10,finishopacity=100,style=1,startX=0,startY=0,finishX=100,finishY=100); HEIGHT: 7px" color=#000080 SIZE=7>

<P><STRONG>左至右渐变白 - 分红STRONG> P>
<HR style="FILTER: alpha(opacity=10,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0); HEIGHT: 8px" color=#ffccff SIZE=8>

<P><STRONG>中间立体棒型 - 黑蓝STRONG> P>
<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=2); HEIGHT: 9px" color=#0000cc SIZE=9>

<P><STRONG>中间立体棒型 - 黑啡STRONG> P>
<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=3); HEIGHT: 8px" color=#cc0000 SIZE=8>

<P><STRONG>红色色外框架 - 黄色STRONG>P>
<HR style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; COLOR: #ffff00; BORDER-BOTTOM: #ff0000 3px solid; HEIGHT: 10px">

阅读(1634) | 评论(0) | 转发(0) |
0

上一篇:Drupal专业开发指南

下一篇:HTML URL编码

给主人留下些什么吧!~~