您现在的位置: PQ秀秀网 >> 网页设计 >> Dreamweaver教程 >> 正文 用户登录 新用户注册
Dreamweaver中线条美化
作者:佚名    教程来源:不详    点击数:加载中...    更新时间:2008-4-26 字体:[ ]
添加到收藏: 添加到百度收藏  收藏到QQ书签  添加到雅虎收藏  添加到新浪ViVi  添加到天极网摘  添加到和讯网摘

1.样式一 嘿嘿,这是线条



代码如下:

<hr width="50" size="50" color="#ff0000" align="left">

2.样式二 实心的线条



代码如下:

<hr width="200" size="4" noshade align="left">

3.样式三



代码如下:

<hr width="1" size="110" color="#00ff00" align="center">

说明:

线条的color属性在netscape中并不支持,而且作为竖线,仅能在IE中显示100像素。

4.样式四


代码如下:

<hr size=1 style="COLOR: red;border-style:dotted;width:300">

size=2:



size=3:



size=4:



size=5:



size=6:



size=7:



size=8:



size=9:



size=40:



4.样式五


代码如下:

<hr size=1 style="COLOR: red;border-style:double;width:300">

size=2



size=3



size=4



size=5



size=6



size=20



6.样式六



代码如下:

<hr size=6 style="COLOR: red;border-style:outset;width:300;">

sizie=20



7.样式七



8.样式八










代码如下:

<hr style="width:1;border:1 dashed red;height:199;position:absolute;top:2000;left:100;">

9.样式九



代码如下:

<hr size="1" color="#ff9966" style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=0,startY=0,finishX=100,finishY=100);width:300;">



代码如下:

<hr size="1" color="#ff9966" style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0);width:300;">

10.样式十



<hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#ff8800',endColorstr='#ffffff'); WIDTH: 300;HEIGHT: 10px">

11.样式十一



代码如下:

<hr size="10" color="#cc0000" style="filter:alpha(opacity=0,finishopacity=100,style=2);width:300;">

12.样式十二



代码如下:

<hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#0000ff',endColorstr='#ffffff'); WIDTH: 300;HEIGHT: 10px">

13.样式十三



代码如下:

<hr style="background:red url(bg.gif);width:150;height:110;border:0;">

教程录入:andy    责任编辑:andy 
  网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)