当前位置： 电脑软硬件应用网 > 设计学院 > 网页特效 > 正文
彩色虚线表格的制作方法
彩色虚线表格的制作方法
2006-11-5 7:57:20　　文/佚名 　　出处:电脑软硬件应用网 　　

在<head>和</head>中加入如下代码：
<style type="text/css">
<!--
.tab1 {
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #0099CC;
border-right-color: #0099CC;
border-bottom-color: #0099CC;
border-left-color: #0099CC;
}
-->
</style>

在合适的单元格位置中插入表格代码：
<table width="200" border="0" cellpadding="2" cellspacing="2" class="tab1">
<tr>
<td><div align="center">虚</div></td>
<td><div align="center">线</div></td>
</tr>
<tr>
<td><div align="center">表</div></td>
<td><div align="center">格</div></td>
</tr>
</table>

虚
线
表
格
解说：如果是想做实线，就把dotted改为solid
  • 上一篇文章：

  • 下一篇文章：
    • 最新热点 最新推荐 相关文章
    网页特效代码:仿京东的商品分类导航…
    不能屏蔽的网页右下角窗口特效
    装载页面进度条代码
    链接特效之js做引用文章链接代码
    左右移动转换文字特效HTML代码解析
    网页页面实现自动刷新的3种代码
    网页特效代码:纯css下拉菜单列表
    JS特效代码:实现间歇无缝文字滚动特…
    文字滚动特效（兼容多浏览器）
    网页特效代码:JavaScript显示系统时…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号