HTML学习2---表格

技术小胖子 2017-11-08

html

声明:具体的内容请参考: 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,如需转载请自行联系原作者





登录 后评论
下一篇
云栖号
8211人浏览
2020-03-04
相关推荐
Html 语法学习笔记二
597人浏览
2015-07-12 16:56:00
Html 语法学习笔记二
702人浏览
2015-07-12 16:56:00
Html 语法学习笔记二
754人浏览
2017-11-09 20:20:00
恶补web之一:html学习(1)
1079人浏览
2015-01-04 13:31:00
JQuery实战--可以编辑的表格
754人浏览
2015-03-16 07:52:58
css学习2
612人浏览
2012-05-11 14:40:00
ExtJS学习(三)Grid表格
585人浏览
2016-03-12 10:16:48
第一天 XHTML CSS基础知识
586人浏览
2011-06-22 10:55:00
04HTML基础--表格标签
483人浏览
2016-09-29 21:33:00
ExtJS4.2学习(三)Grid表格
436人浏览
2014-02-17 11:46:00
0
0
0
567