首页
关于我们
网站建设
经典案例
网络推广
技术中心
建站指导
联系我们
网站套餐 Package
最新推荐 Recommended  
  您现在的位置: 天诚世纪 >> 技术中心 >> 网页设计 >> Dreamweaver教程 >> 正文
Dreamweaver中线条美化
作者:天诚世纪 更新时间:2009-6-17 10:43:49 来源:天诚世纪
    

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;">

本文链接:http://www.tc-21.com/ITCenter/200906/20090617104349.html

  • 上一篇文章:
  • 下一篇文章:
  •   更多关于Dreamweaver教程的新闻
      相关文章
    用DW设计限时自动关闭的网页
    在DW中调整网页表格
    Dreamweaver设计一个自动关闭的网页
    Dreamweaver 8中设置段落格式
    在Dreamweaver 中加入竖直线教程
    Dreamweaver 制作可控横向滚动
    用Dreamweaver制作浮动广告
    在Dreamweaver 中制作可拖动的表格