⽹页虚线代码表格边框虚线代码⼤全
1。单条虚线代码：
<hr color=#000000 size=1>
⼤家都知道我们使⽤<hr>标签就可制作出⼀个细线条，不过我们可以对<hr>定义⼀些参数可以获取可爱的细虚线。我们也可以修改其中的color,size的参数可以得到不同的效果……
2。CSS定义表格边框⼤全(细线/虚线/点线)
定义表格边框全部为1 边框颜⾊ #C7C7C7代码为：
.tb1{ border:1px solid #C7C7C7;}
定义表格边框 左1 下1 左1 右1 (实际同上) 边框颜⾊ #C7C7C7代码为：
.td2{ border-top:1px solid #C7C7C7; border-bottom:1px solid #C7C7C7; border-left:1px solid #C7C7C7; border-right:1px solid #C7C7C7;}
定义表格边框为1，上边框为0 边框颜⾊ #C7C7C7 下边框颜⾊为 #888888代码为：
.td2{ border:1px solid #C7C7C7; border-top:0px; border-bottom:1px solid #888888}
定义表格边框虚线代码为：
.tb1{ border:1px dashed #C7C7C7;}
定义表格边框点线代码为：
.tb1{ border:1px dotted #C7C7C7;}
⽅法⼆：在CSS⾥⾯设定。
如果你⽤DreamWeaver话，只要在CSS⾯板⾥new⼀个style，选择“redefine HTML Tag”，再在下拉菜单⾥先“table”，在弹出的⾯板⾥，category⾥选择border，在border⾥，将top,left,right,bottom都设成1px，颜⾊设成你想要的边框的颜⾊。然后在style下拉框⾥选择dashed。⼀切ok。只是所有的表格都会⽤虚线做边框了。注意，这个效果在浏览器⾥才能看见。
⽅法三：直接在html⾥设置（如果你只想让某⼀个表格边框是虚线的话）。
在表格的html⾥加上这个：
颜⾊是⼗六位代码，你可以⾃⼰设。如何做网页
注：⽅法⼆、三，只能在IE5.5⾥⽤，到了NETSCAPE⾥⼀点⽤处都没有，除⾮你⽤做好的底图填充。
⽹页中呈现虚线
使⽤Math.floor()可以获得⼀个数的整数部分。在⽹页中呈现虚线的原理是，2个点的颜⾊交替，周⽽复始。根据这个原理，使⽤JavaScript写⼀段document.write单元格的循环程序。⾸先将程序列出来：
<script>len=400;d1=2;d2=2;cou=Math.floor(len/(d1+d2));
document.write('<table cellspacing=0 cellpadding=0 height=1 width='+len+'><tr>');
for(i=0;i<cou;i++){document.write('<td width='+d2+'><td width='+d1+' bgcolor=333333>')}</script></tab
le>
运⾏的结果如：
........................................
说明：len=400表⽰虚线的长度为400像素，d1和d2是⿊⽩相间的间隔，cou=Math.floor(len/(d1+d2))，cou表⽰总共要循环的次数。例如这⾥是400像素的虚线，⿊⾊点和⽩⾊的点都是2像素，那么就要循环100次。由这200个单元格组成⼀条虚线。
改变虚线的长度，请修改len=400的值；
改变虚线的颜⾊，请修改bgcolor=333333的值；
改变虚线的⾼度，请修改height=1的值；
改变虚线的密度，请修改d1和d2的值。
Q：⽹页中的虚线怎么做？
A：做⼀个2*1的图⽚，⼀半有⾊彩，⼀半透明，存成透明GIF，然后把它设置成单元格背景图，把单元
格设置为⾼度为1，删除其中的
；代码即可实现横虚线效果。竖虚线依此类推。
⽤CSS也可以办到，把border的属性设置为dotted。
⿏标放到⽂字上后在⽂字下⾯出现下划虚线
<STYLE TYPE="text/css">
A { text-decoration: NONE}
A:hover {border-bottom:1px dashed #6099de }
</style>
<a class=middle href="#"><font color="#6099de">⿏标放上来会有下划线</font></a>
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论