制作虚线效果的水平线

在网页中,一般要实现虚线效果。制作方法很多,在我们网站中,也介绍使用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">

时间: 2024-10-26 14:05:21

制作虚线效果的水平线的相关文章

PS制作虚线效果

    很多人说用画笔工具T不断的依据路径来点击"-"或者.这个键来做虚线,不断点击之. 哥蛋疼了,最近下载了个坑爹的不知名PS.居然少了很多功能,但是相信强大的PS跟人的智慧是无穷的. 如是根据那些傻X的建议做了这个教程,希望大家能够喜欢 这是最终邪恶效果 步骤 第一,用形状工具画个框 第二步 按住CTRL键+鼠标左键,并且新键一个空白图层,编辑--描边,设置数值随意,喜欢粗点就粗点 第三步 这步很关键,大家注意看,走神了做不出来别找我,哈哈.这步我们回到形状图层.并且相应进入路径界

PS如何制作虚线效果教程

  最终效果图如下: 第一步:选中画笔工具,主直径为2(这个2随自己情况定义). 第二步:选中画笔之魂,按F5调整画笔,选中双重画笔,其他不要勾选,然后调整数值.如下图所示: 第三步:调整好之后,画出你想要的路径,本案例是用一个图形来代替,选中自定义形状工具,在菜单栏上选中路径,如下图所示.找一个自己喜欢的形状画出来吧,嘿嘿,我就画个可爱的兔子吧!这样就得到下图啦! 第四步:画出兔子路径黄子华,新建一个图层,然后选中这个空图层. 选中菜单栏上"窗口-路径,然后再属性栏上选择第二个,"用

Fireworks4.0中虚线效果制作技巧全攻略

攻略|技巧 Fireworks是一款针对网页图形设计的软件,虽然比起Photoshop等专业级的绘图软件来,它的功能还算不上很强大,但只要多用巧用,细心钻研,它的功能还是能满足网页图象设计的各种要求的. 无论在网页设计还是其他平面设计中,绘制虚线是一项应用比较广泛的技巧.在Fireworks4.0中,利用stroke面板,可以轻松的绘制多种多样的线条样式,但是stroke面板中并没有提供直接绘制虚线的选项,以前笔者也曾为此困惑过,经过一番钻研,终于发现了绘制虚线的一些诀窍,不敢独享,贡献出来给各

Fireworks MX中虚线效果制作技巧

技巧 Fireworks是一款针对网页图形设计的软件,虽然比起Photoshop等专业级的绘图软件来,它的功能还算不上很强大,但只要多用巧用,细心钻研,它的功能还是能满足网页图象设计的各种要求的. 无论在网页设计还是其他平面设计中,绘制虚线是一项应用比较广泛的技巧.在Fireworks必须用一个插件才能实现,呵~现在好了,可以不用它了.思路:用选取工具画1像素高的直线,然后用材质填充,还可以设置渐变等,比用插件的效果更多.我是第一次写教程,希望你们会喜欢.好了,不多说了! 1.新建一个文档 (c

Dreamweaver MX进阶教程:制作虚线

dreamweaver|教程 使用Fireworks创建虚线图像 1.选择"文件"/"新建",在"新建文档"对话框中,设置宽1象素,高3象素. 2.选择工具面板上的"缩放"工具,放大画布. 3.选择工具面板上的"矩形"工具,在画布上画一个1×1象素的矩形. 4.在"优化"面板中,设置图像为GIF格式.选择"文件"/"导出",保存虚线图像. 如果直接

如何在网页中制作虚线表格

网页 icech: 在制作网页的时候,常常要遇到制作虚线表格的问题,下面的文章就能解决这个问题. 方法一:作一个1X2的图. 半黑半白,再利用表格作成线.这种方法虽然麻烦,但在任何浏览器中均可浏览,兼容性最好. 方法二:在CSS里面设定. 如果你用DreamWeaver话,只要在CSS面板里new一个style,选择"redefine HTML Tag",再在下拉菜单里先"table",在弹出的面板里,category里选择border,在border里,将top,

Fireworks MX使用教程--教你如何制作虚线

教程 操作步骤:1.启动Fireworks MX,新建一个文件,文件宽和高都设为200象素,也可以是任意大小,背景为白色.2.单击"工具"面板"矢量"部分的"线条"工具,并且按住键盘上的"Shift"键,在编辑区任意绘制一条直线.3.在"工具"面板的"选择"部分中选择"指针"工具,选中这条直线.4.单击"属性检查器"中的"描边种类&quo

Photoshop制作立体效果的缝线艺术字

  本教程主要使用Photoshop制作立体效果的缝线艺术字教程,众所周知,字体是图形和网页设计的重要组成部分.它可以帮助强调你的设计作品的美观度.增强你的信息表达力度.培养强烈的情感内涵.合理的字体设计可以传达很多有意思的东西. 一.在photoshop中如何添加下载的图案纹理 先看看效果图 解压该文件得到一个文件夹,里面有一个.pat文件,在photoshop的油漆桶工具下,选择油漆类型为图案,在图案面板的右边设置图标下选择载入图案,把刚才的.pat文件复制过来,点击载入就可以了. 二.在p

新手如何用ps制作虚线

工具/原料​ps软件 方法一1打开ps软件,新建一张图片(快捷键:Ctrl+N) 2鼠标先右击工具栏下的长方形,点击圆角矩形工具(快捷键:U) 3单击路径,然后将半径调为15px(如果觉得半径调的不够好,可以进行修改) 4在图上建立一个路径 5鼠标线右击"T",然后点击横排文字工具(快捷键:T) 6鼠标先在路径上点击下,接着不断点击键盘上的"句号",直到满意为止.(如果觉得字体小或者大的话,可以改变字体的大小) 7点击路径(快捷键:F7) 8在空白处单击一下. 9完