简单设计表格的大小，边框以及颜色等介绍

2025-12-25 00:44:52

1、新建html文档。

简单设计表格的大小，边框以及颜色等介绍

2、在<head>

</head>中加入<style type="text/css">

</style>，方便设计表格样式。

简单设计表格的大小，边框以及颜色等介绍

3、在<body>

</body>中加入<table>

</table>表格标签。

简单设计表格的大小，边框以及颜色等介绍

4、构建表格框架。其中<tr> </tr>表示行，<td></td>表示列， <th></th>表示表头。（此处设定的是2个表头，3行2列）

简单设计表格的大小，边框以及颜色等介绍

5、输入表格的内容。

简单设计表格的大小，边框以及颜色等介绍

6、再将

table,td,th

{

border:2px solid #F0F;

}

插入到

</style>中。其中，border:2px是边框宽度，后面的是颜色。

简单设计表格的大小，边框以及颜色等介绍

7、效果图。

简单设计表格的大小，边框以及颜色等介绍

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。