CSS中表格的一些属性和使用

1.表格标签：展示数据
表格的基本语法：

<table><tr><td>单元格内的文字</td>…………</tr>……
</table>

1.<table>:定义表格的标签
2.<tr>：定义表格中的行，必须嵌套在<table></table>中
3.<td>：定义表格中的单元格，必须嵌套在<tr></tr>中

注：td-table data

<table><tr><th>单元格内的文字</th>…………</tr>……
</table>

<th>:表头单元格，table head;特点是加粗和居中显示

表格属性：

属性名          属性值              描述
align            left,center,right  规定表格相对周围元素的对齐方式
border           1或“”              规定表格单元是否拥有边框，默认为“”，表示没有边框
cellpadding      像素值               规定单元边沿与其内容之间的空白，默认1像素
cellspacing      像素值               规定单元格之间的空白，默认2像素值
width            像素值或百分比  规定表格的宽度

表格结构标签：
头部区域：<thread>。
表格主体区域：<tbody>主要用于放数据。
注意：<thread>比<th>的范围更大，且<thread>中必须包含<tr>标签。

合并单元格：
（1）合并单元格的方式：
跨行合并单元格：rowspan=“合并单元格的数目”
跨列合并单元格：colspan=“合并单元格的数目”
（2）目标单元格：
跨行：最上侧单元格为目标单元格，写合并代码
跨列：最左侧单元格为目标单元格，写合并代码
（3）合并单元格三部曲：
确定跨行还是跨列：
找到目标单元格：写上合并单元格方式=合并单元格数目，如：
删除多余的单元格。

CSS中表格的一些属性和使用相关推荐

html中如何修改表格标题栏,如何设置css中表格标题caption标签的位置
如何设置css中表格标题caption标签的位置发布时间:2020-07-13 10:26:45 来源:亿速云阅读:182 作者:Leah 这篇文章运用简单易懂的例子给大家介绍如何设置css中表格 ...
html cellpadding css,CSS中cellspacing和cellpadding属性用法
CSS中cellspacing和cellpadding属性的使用是否了解,这里和大家分享一下,cellspacing属性设置表格边框之间和表格单元格之间的间距(以像素为单位):cellpadding属 ...
[css] css中的选择器、属性、属性值区分大小写吗？
[css] css中的选择器.属性.属性值区分大小写吗? 选择器和属性区分大小写,属性值如果是颜色可以不区分大小写吧个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢 ...
妙味css3课程---1-1、css中自定义属性可以用属性选择器么
妙味css3课程---1-1.css中自定义属性可以用属性选择器么一.总结一句话总结:可以的. 1.如何实现用属性选择器实现a标签根据href里面含有的字段选择背景图片? p a[href*=te ...
css中reset属性详解,css中如何使用counter-reset属性
css中如何使用counter-reset属性发布时间:2020-09-23 14:26:58 来源:亿速云阅读:83 作者:小新这篇文章主要介绍css中如何使用counter-reset属性, ...
CSS中内容的剪切属性clip
1. 在CSS中,可以使用剪切属性对元素内容的可视化区域进行控制,剪切区域所使用的属性时clip属性, 用来裁剪元素的可视化区域,内容的剪切属性可以使用2种属性值,一种为auto值,另一种为区域值,语 ...
css中字体与段落属性设置/文本高级样式
CSS中字体与段落属性毫无疑问,不管什么网站,文字一定是必不可少.文字可以是网页传播信息的主要手段.那么怎么显示文字,才能更加的美观,那么大家需要了解以下文字属性. 字体属性属性用途语法(一些 ...
php中li标签,li标签有哪些属性？css中li标签的属性详解
在html中,我们经常会遇到li标签,那么li标签有哪些属性?下面我们来了解一下css中li标签的属性. 一:标签有哪些属性在html中,使用css中li标签来控制样式,很多网站上都是点为开头,也有 ...
css中的 type,css中如何使用list-style-type属性
css中如何使用list-style-type属性发布时间:2020-09-24 10:05:15 来源:亿速云阅读:88 作者:小新小编给大家分享一下css中如何使用list-style-ty ...

CSS中表格的一些属性和使用

CSS中表格的一些属性和使用相关推荐

最新文章

热门文章