文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>制作细线表格的办法

制作细线表格的办法

时间:2007-05-15  来源:Jedliu

【关键字】制作细线表格 【正文】 表格<table ...>是网页上不可缺少的元素,一方面,最初绝大多数的人都用她来进行页面的布局,一个页面制作的熟手就是掌握表格布局的高手,另一方面,进入WEB标准化时代,页面布局不再推荐表格,而是建议使用DIV+CSS进行页面样式的组织,尽管如此,表格并非不允许使用,而是建议其只做为格式化显示数据的载体,比如一份报表什么的。

表格既然依然有其存在的价值,页面上还看得到,我们就总想着希望他显示起来漂亮一点,DW里设置表格边框(border)为1?难看,因为这1并不表示1px,这里给出我的几个方法:
方法一:传统的

<table width="288" border="0" cellpadding="1" cellspacing="1" bgcolor="#000000">
  <tr>
    <td height="20" bgcolor="#FFFFFF"> </td>
    <td bgcolor="#FFFFFF"> </td>
    <td bgcolor="#FFFFFF"> </td>
    <td bgcolor="#FFFFFF"> </td>
    <td bgcolor="#FFFFFF"> </td>
    <td bgcolor="#FFFFFF"> </td>
  </tr>
  </tr>
</table>

操作步骤:DW里添加表格-->设置表格边框border为1,填充属性CellPad和CellSpace都为1,选中整个表格,设置表格背景色为黑色,再拖动选中每一行和每一列(注意不是整个表格),设置表格背景颜色为白色,搞定!

方法二:设置CSS属性

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<title>css细线表格简单实现</title>
<style type="text/css">
 table{border:1px solid #000;border-width:1px 0 0 1px;margin:2px 0 2px 0;text-align:center;border-collapse:collapse;}
 td,th{ border:1px solid #000;border-width:0 1px 1px 0;margin:2px 0 2px 0;text-align:left;}
 th{text-align:center;font-weight:600;font-size:12px;background-color:#F4F4F4;}
</style>
</head>
<body>
<table width="236">
  <tr><td></td><td></td><td></td><td></td><td></td><td></td> </tr>
</table>
</body>
</html>

 

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载