主题:  竖虚线如何画呢??

待业青年

职务:普通成员
等级:2
金币:1.0
发贴:431
#12004/10/8 16:19:15
各位大虾,偶想问问竖虚线如何画呢?好多地方看的都是横虚线的画法,多谢!!



沉默是金

职务:普通成员
等级:6
金币:11.2
发贴:4357
#22004/10/8 16:23:22
虚线在ps里做出图片后,再插入到DW里面来。


难人一个……

stephen_chu_jay

职务:普通成员
等级:1
金币:0.0
发贴:45
#32004/10/8 20:47:03
相应代码(别吓一跳,其是只有两处需要注意):
<table width="300" height="200" bgcolor="#F2F2F2" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="200" align="center" valign="middle">
<table width="100%" height="100%" bgcolor="#F2F2F2" border="0" cellpadding="0" cellspacing="0">
<tr><td background="row.gif" height="1"></td></tr>
</table>
</td>
<td width="1" background="column.gif"></td>
</tr>
</table>

<td background="row.gif" height="1"></td>(画横虚线)
<td width="1" background="column.gif"></td>(竖虚线)



待业青年

职务:普通成员
等级:2
金币:1.0
发贴:431
#42004/10/9 17:06:12
那就是用图片实现的吧?



stephen_chu_jay

职务:普通成员
等级:1
金币:0.0
发贴:45
#52004/10/9 17:27:10
合格菜鸟在上个帖子中说
引用:
那就是用图片实现的吧?


恩。用图片实现的横竖虚线。。



sosopop

职务:普通成员
等级:1
金币:0.0
发贴:3
#62004/10/9 19:00:48

<body>
<div id=dashed></div>
<script>
var dashedheight=200;//长度
var arrdashed=new Array();
var dashedc="#000000";dashedh=3;
for(i=0;i<dashedheight;i++){
	if(dashedh==3){dashedh=1;dashedc="#FFFFFF";}else{dashedh=3;dashedc="#000000";}
	arrdashed[i]="<div style=\"overflow:hidden;width:1;height:"+dashedh+";background-color:"+dashedc+";\"></div>";
}
document.getElementById("dashed").innerHTML=arrdashed.join("");
</script>
</body>



sosopop

职务:普通成员
等级:1
金币:0.0
发贴:3
#72004/10/9 19:29:02
或者

<div style="border-left-width:1px;border-left-style:Dashed;border-left-color:#000000;overflow:hidden;height:400px;width:0px;"></div>



盛装五步

职务:普通成员
等级:3
金币:12.0
发贴:731
#82004/10/9 23:52:26
或者用hr:
<hr width="1" size="100" style="border:dashed 1px black"/>



画虫

职务:普通成员
等级:1
金币:0.0
发贴:10
#92004/10/11 17:07:24
若想将该虚线放到表格里,那么代码具体应该写到哪里呢?望指点,感激不尽!!



画虫

职务:普通成员
等级:1
金币:0.0
发贴:10
#102004/10/11 17:11:21
其高度必须用像素定义吗?可否用百分数来定义??

望指点,多谢!!



盛装五步

职务:普通成员
等级:3
金币:12.0
发贴:731
#112004/10/11 21:21:03
<table width="300" height="60"  border="0" align="center" cellpadding="0" cellspacing="0">
      <tr align="center">
        <td bgcolor="#FFCC33" style="border-right:1px dashed #666666">td1</td>
        <td bgcolor="#FFCC33">td2</td>
      </tr>
    </table>

线条的高度取决于表格的高度,像素值或是百分比都可以



待业青年

职务:普通成员
等级:2
金币:1.0
发贴:431
#122004/10/12 8:40:22
那个dashed #666666有何作用呢?



待业青年

职务:普通成员
等级:2
金币:1.0
发贴:431
#132004/10/12 8:40:52
好像有的竖线是dotted,这两个又有何区别?



盛装五步

职务:普通成员
等级:3
金币:12.0
发贴:731
#142004/10/12 9:30:56
dashed - 指定样式为破折线,#666666是指定颜色的
dotted是指定为点虚线,1px时效果和dashed差不多,如果宽一点就有很明显的差别了



待业青年

职务:普通成员
等级:2
金币:1.0
发贴:431
#152004/10/12 9:36:47
多谢大虾指点,呵,偶就喜欢这种简单一点儿的代码。

有的实现相同功能的,但好复杂!!