怎样在网页中添加表格?介绍网页table表格样式设置方法

时间:2021-01-19 15:14:14       来源:学做网站论坛

通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求的界面。

设置网页表格样式参数如下:

行数,顾名思义,它定义的是表格一共有多少行,只能填整数数字。

列数,定义表格的列数,只能填整数数字。

表格宽度,定义表格的总宽度,可直接填入数值,后面的宽度选项,分为像素和百分比,当宽度单位为百分比时,表格的宽度可以根据浏览器的宽度自动伸展。

边框粗细,定义表格的外边框宽度。

单元格边距,它定义的是单元格中的内容与单元格边框的宽度,也就是单元格内的空白。

表格在我们导航网站制作过程会经常用到。生成的Table表格代码如下:

我们可以在HTML代码里加上border="1"来设置表格的边栏样式,同样也可以使用CSS来控制table样式。

CSS设置表格边框

table{border:1px solid #F00}

CSS给单元格添加边框

table td{border:1px solid #ddd;}

CSS设置表格边框合并

table

{

border-collapse:collapse;

}

CSS设置表格的宽度和高度

table td{

width:80px;

height:30px;

}

CSS设置表格背景

table{background:url(images/bg.jpg)repeat;}

关键词: 网页表格