浏览网站的时候总是看见很多虚线表格,使得网页的边线看起来更舒服,其实做起来也很简单了,在表格的html里加上这个:
style="BORDER-LEFT:#000000 1PX DASHED;
BORDER-RIGHT: #000000 1PX DASHED;
BORDER-TOP: #000000 1PX DASHED;
BORDER-BOTTOM: #000000 1PX DASHED"
颜色是十六位代码,你可以自己设。
注:只能在IE5.5以上版本里用,到了NETSCAPE里一点用处都没有,除非你用做好的底图填充。
下面是一个例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>虚线表格</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE>
.box {
BORDER-RIGHT: #000000 1px dotted; BORDER-TOP: #000000 1px dotted; BORDER-LEFT: #000000 1px dotted; WIDTH: 300px; COLOR: #000000; BORDER-BOTTOM: #000000 1px dotted; BACKGROUND-COLOR: #ffffff
}
.box1 {
BORDER-RIGHT: #000000 1px dotted; BORDER-TOP: #000000 0px dotted;
BORDER-LEFT: #000000 1px dotted; WIDTH: 300px; COLOR: #000000;
BORDER-BOTTOM: #000000 1px dotted; BACKGROUND-COLOR: #ffffff
}
</STYLE>
</HEAD>
<BODY>
<CENTER>
<table width="100%" id="table1" cellspacing="0" cellpadding="0"
style="border-width: 0; ">
<tr>
<td class=box> </td>
</tr>
<tr>
<td class=box1> </td>
</tr>
<tr>
<td class=box1> </td>
</tr>
</table>
</CENTER>
</BODY>
</HTML>
您可能对这些文章也感兴趣:- 在网页中实现不间断滚动的文本
- 让用户无法后退到上一页
- 虚线表格的制作方法
- 网页中文本框和按钮的一些特效
- 极细表格的做法
- 抄袭网页基本布局风格构成侵权
- Macromedia代言人谈为什么要用CSS
- 换了个首页
- Firefox 2.0中奇怪的注释现象
- 页面进入和退出的特效
与该文相关的评论:(我也想说几句)Processed in 0.1875396 second(s) , unknow queries
Powered by OWord V0.1, Even Not Alpha
(此博客程序为半成品,请勿索取,以免给您的心灵造成创伤^_^)
鄂ICP备05026031号
2005-4
我来说两句:
用户中心
日志分类

最新日志
统计信息






Who are you?