Zhlw.com - 中华龙网

站长资讯通告:
搜索: 您的位置中华龙网 > 计算机网络 > 网络编程 > XML/HTML/CSS > 文章列表

制作虚线效果的水平线

作者:bear  来源:转载  发布时间:2006-1-25 16:15:08
  在网页中,一般要实现虚线效果。制作方法很多,在我们网站中,也介绍使用Fireworks定义:

  在<head>中预先定义好CSS<STYLE type=text/css>
.dotline {
BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted
}
</STYLE>

  然后修改水平线的代码为:<hr class=dotline color=#000000 size=1>。按F12看看吧,效果是不是很不错!
  或者不预定义好CSS<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted" color=#000000 size=1>

  更为简单的方法(借鉴于经典论坛上的介绍):<hr style="border:1px dashed red; height:1px">
 

        用户名: 验证码: 验证码,看不清楚?请点击刷新验证码 (注“”为必填内容。)


文章评论: [ 查看全部 ] 网友评论
推荐文章
  • 该分类还没有添加任何内容!
关于本站 - 网站帮助 - 广告合作 - 友情连接 - 网站地图