HTML学习2---表格

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

表格的基本语法:

 

HTML学习2---表格

例子:

HTML学习2---表格

跨行跨列的表格:

HTML学习2---表格

如何实现跨多列:

HTML学习2---表格

 

HTML学习2---表格

表格的尺寸和边框设置:

 

HTML学习2---表格

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

 

HTML学习2---表格

 

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

 

HTML学习2---表格

表格的填充:

 

 

HTML学习2---表格

如何使用表格的填充:

 

HTML学习2---表格

 

 

 

 在表格的使用过程中,我们常需要使用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,如需转载请自行联系原作者





上一篇:SCUT —— 提高代码可重用性的 Sass 工具库


下一篇:HTML学习3--框架网页