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

2025-07-10 07:00:49

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; }插入到 <styletype="text/css"> </style>中。其中,border:2px是边框宽度,后面的是颜色。

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

7、效果图。

简单设计表格的大小,边框以及颜色等介绍
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢