<head>
<title>表格CSS</title>
<style>
<!--
body{
background-color:pink
padding:4px
text-align:center
padding-top:200px
}
td,th,tr
{
color:blue /*表格内字的颜色*/
}
-->
</style>
</head>
<body>
<table border="1" align="center" id="table">
<CAPTION>
年度收入汇总
</CAPTION>
<tbody>
<tr>
<th></th>
<th scope="col">2004</th>
<th scope="col">2005</th>
<th scope="col">2006</th>
<th scope="col">2007</th>
</tr>
<tr>
<th scope="row">打款</th>
<td>11231</td>
<td>1313</td>
<td>32424</td>
<td>32424</td>
</tr>
<tr>
<th scope="row">捐款</th>
<td>1313</td>
<td>23424</td>
<td>24224</td>
<td>23424</td>
</tr>
</tbody>
</table>
</body>
</html>
===========================================================================================================================
看样子你的刚学习网页制作了。。我建议你认真学习一下DIV+CSS布局。采用div+css可以很方便的把任何元素放在任何位置。
====================================================================================================================================================================
<div>
<p>Test</p>
</div>
<style>
div {
width: 200px
height: 200px
background: #272727
border: 1px #272727 solid
}
p {
width: 158px
line-height: 158px
color: #fff
text-align: center
margin: 20px auto
border-radius: 4px
box-shadow: inset 0px 2px 8px 2px #000000
border: 1px #666 solid
border-left: 1px #131313 solid
border-top: 1px #131313 solid
}
</style>
当圆角过大时深色边和高光边交界处会露陷,要不露陷的话:
边框渐变,貌似支持的浏览器少
不用边框,用两个div嵌套,外面那个比里面那个大1px,然后外面那个用45度的斜方向背景渐变(支持的浏览器多),里面那个用背景色加内阴影。