如何用CSS做出个固定大小的表格

html-css034

如何用CSS做出个固定大小的表格,第1张

通过设置宽高就可以,我贴段代码给你看下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>表格</title>

<style type="text/css">

table{

width:300px

height:200px

color:#ccc

border:1px solid #f60

}

</style>

</head>

<body>

<table cellpadding="0" cellspacing="0" border="1">

<tr>

<th>姓名</th>

<th>年龄</th>

<th>性别</th>

<th>出生日期</th>

</tr>

<tr>

<td>王明</td>

<td>31</td>

<td>男</td>

<td>1985年3月25</td>

</tr>

<tr>

<td>李玉</td>

<td>24</td>

<td>女</td>

<td>1993年7月8</td>

</tr>

<tr>

<td>唐莹</td>

<td>27</td>

<td>女</td>

<td>1990年6月23</td>

</tr>

<tr>

<td>胡洁</td>

<td>26</td>

<td>女</td>

<td>1991年5月25</td>

</tr>

</table>

</body>

</html>

具体的你可以去php中文网上看下这块的基础知识,希望对你有帮助!

或者定义其单元格的样式

td{

width:100px

height:100px

overflow:hidden

}

应该是可以的