HTML学习2---表格

声明:具体的内容请参考: http://www.w3school.com.cn/

表格的基本语法:

 

例子:

跨行跨列的表格:

如何实现跨多列:

 

表格的尺寸和边框设置:

 

设置背景:注意background只能针对图片啊!!它可以用在table中,也可以用在tr中,也可以用在td中!!!

 

 

设置表格中文本的对其方式:

 

表格的填充:

 

 

如何使用表格的填充:

 

 

 

 

 在表格的使用过程中,我们常需要使用1像素的表格,但是有时候你可能不知道如何实现,下面我介绍两种方法去实现1像素的表格:

 

1.边框为1像素的表格实现方式一:

<table bgcolor="#" cellspacing="1" >

<tr bgcolor="#fffff">

 

</tr>

</table>

 

2.边框为1像素的表格实现方式二:

<table cellspacint="0" >

 

</table>

 

在css中要有下面的属性:

table{

border-collapse:collapse;

}

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

补充知识:

1.如何设置某一行的高:<tr height="100">

 

2.表头,我们可以使用

<tr>

          <th> 内容</th>   → 居中,文字加粗

</tr>

 

3.让某一列加宽:<td width="100">

 

 




     本文转自韩立伟 51CTO博客,原文链接:http://blog.51cto.com/hanchaohan/927222,如需转载请自行联系原作者





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值