制作虚线效果的水平线

2016-01-29 11:52 40 1 收藏

制作虚线效果的水平线,制作虚线效果的水平线

【 tulaoshi.com - Html 】

  在网页中,一般要实现虚线效果。制作方法很多,在我们网站中,也介绍使用Fireworks制作虚线的效果。如果我们改用水平线制作虚线效果呢?制作方法就是使用CSS定义:

  在<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中加入代码:
<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" 

来源:http://www.tulaoshi.com/n/20160129/1483691.html

延伸阅读
标签: PS PS教程
本文由www.jcwcn.com 中国特约专家 lazybones原创,转载必须保留此信息. 欢迎大家到lazybones的博客作客. 以前在Photoshop里画虚线总有点麻烦,不过自从CS的版本有了路径文字工具后,就变得简单很多了。 screen.width*0.5) {this.resized=true; this.width=screen.width*0.6; this.alt='点击查看全图';}" border=0> 这里是原图 scree...
标签: 电脑入门
在使用Word的过程中,我们经常会碰到要在文档中划出横线、着重线、虚线等。下面总结了四种方法: 工具/原料 word 步骤/方法 如果横线不长,可以采用设置下划线的方法:先按一下下划线工具U,再根据需要输入几个字符,按一些空格。 如果需要在文字上方或文字中间拦腰的横线,可以直接用绘图工具画出来。这种方法的缺点在于后期排版中,不...
Photoshop滤镜将照片处理为版画特效 超简单好用抽线教程+虚线画法 1、准备好底图,新建抽线空白图层 2、选择1px铅笔并按照如下设置画笔,抽线的密度可以在这里自行调整 3、在抽线图层上按住shift键垂直画一竖线,CTRL+T水平方向拉升,变更图层效果 在抽线图层上按住shift键垂直画一竖线 CTRL+T水平方向拉 ...
Fireworks中自带有虚线:三条破折线、加粗破折线、双破折线、基本破折线、实边破折线、点状线。 在网页设计中,我通常的用的是实边破折线。因为它和网页CSS中border的dotted、dashed两个参数效果相似。在制作网页时,不需要导出切割图片,而是用CSS定义。 但有时候需要效果,如:只是为了网页而设计图时;或是为了设计更有特色的...
标签: Web开发
!-- /* ---------------------------------------------------------------------- JTrackBar 初始日期:2007/07/11 Author:xlingFairy Blog:http://xling.blueidea.com 目前只能生水平的,垂直的还没有写。 设计功能: 当改变时,触发事件onChange,并传当前值。 2007/07/12 加入拖动功能。 2007/07/13 加入皮肤功能 未做功能...

经验教程

180

收藏

55
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部