|
|
主题: 网页中虚线的制作（可以动的，嘿嘿）
|
5D荣誉斑竹
职务：普通成员
等级：5
金币：10.0
发贴：3292
注册：2001/5/24 10:01:29
|
#12001/11/25 16:43:34
1． 打开FW，新建一个8*8象素的文件 2． 放大到16倍，用铅笔或直线工具画两条线，线条的长度和空隙间的长度根据需要自行调整，我画的是4象素的线条。如图：（颜色自定）  3． 导出透明gif格式文件。整个文件才68字节。 够小吧 ：） 4． 打开DW，根据栏目的安排先想好如何画表格，假设我们要建一个三列的表格 5． 建立一个表格，1行5列，其中有两列作为竖的虚线用（单元格背景图片为刚才做的gif图片），把表格的边距，间隔设置为0，如图：  6． 将那两个单元格中的宽设置为1象素，并在代码中删除空格符  7． 这样竖的虚线就完成了，保存后从浏览器中就可以看到  8． 横线的做法也差不多，主要是表格的功夫 9． 根据需要和不同的情况做自己想要的样式 实例： techsun.com/hve/temp/line/line.htm应用： techsun.com/hve/temp/line/default.htm动的虚线效果：（把图片做成gif动画就行了）页面： 点这儿参观
编辑历史:[这消息被hve编辑过(编辑时间2001-11-26 03:10:18)]
[这消息被hve编辑过(编辑时间2001-11-26 03:10:24)]
[这消息被hve编辑过(编辑时间2001-11-26 03:11:00)]
|
5D荣誉斑竹
职务：普通成员
等级：5
金币：10.0
发贴：3292
注册：2001/5/24 10:01:29
|
#22001/11/25 16:51:06
关键就是开始做的小的背静图片，根据需要可以做成其他长度不同，颜色不同的虚线 除了用FW做图片，用PS或其他画图软件做也一样 
|
Syawn
职务：普通成员
等级：5
金币：10.0
发贴：2930
注册：2004/6/24 17:14:35
|
#32001/11/25 20:07:34
其实这用表格也可以用css实现的~
border-style:solid
border-style:double
border-style:groove
border-style:ridge
border-style:inset
border-style:outset
border-style:double solid
border-style:double solid groove
贴代码的时候把“禁止笑脸转换”前的选项选中，代码就不会被改了。
编辑历史:[这消息被哈哈品编辑过(编辑时间2001-11-25 21:10:52)]
|
5D荣誉斑竹
职务：普通成员
等级：5
金币：10.0
发贴：3292
注册：2001/5/24 10:01:29
|
#42001/11/25 22:35:56
为什么不用CSS呢，就是因为CSS的虚线和点线不支持IE5以下的浏览器
|
Bratwa S
职务：普通成员
等级：4
金币：2.3
发贴：1509
注册：2001/10/15 3:10:50
|
#52001/11/26 0:44:59
题外话！！这种东西（下面的图片）怎么搞出来的？？？ 如一些警告的信息面版、教程的面版之类 见笑了。请指教 
编辑历史:[这消息被迷失世界编辑过(编辑时间2001-11-26 00:47:25)]
|
5D荣誉斑竹
职务：普通成员
等级：5
金币：10.0
发贴：3292
注册：2001/5/24 10:01:29
|
#62001/11/26 3:07:46
迷失世界在上个帖子中说 引用:
题外话！！这种东西（下面的图片）怎么搞出来的？？？
如一些警告的信息面版、教程的面版之类
见笑了。请指教
按键盘上的print screen键（insert键上面哪个），然后到画图或PS里，新建文件，按ctrl+v
|
Syawn
职务：普通成员
等级：5
金币：10.0
发贴：2930
注册：2004/6/24 17:14:35
|
#72001/11/27 11:25:37
我想这种时代不会在有人用5.5以下的ie了吧~ 
|
