表格（HTML和CSS属性）


表格作用：用来显示数据，整理数据
表格格式：<table><caption></caption><thead><tr>   th <td>文字</td></tr></thead><tbody></tbody><tfoot></tfoot></table>

表格属性

html属性：            *2.表格宽度：width       默认由内容撑开*3.表格高度：height *1.边框粗细：border      数值（默认是无）6.边框颜色：bordercolor 7.表格背景颜色：bgcolor8.单元格与单元格之间的距离：cellspacing 默认是29.内容与单元格之间的距离：cellpadding   默认是110.行与列边框的显示规则 rules      rows 显示行  cols显示列  none 都不显 groups（效果和none相似）4.水平对齐方式:align    left center right(如果把默认内外边距去掉，则该html属性不生效)5.垂直对齐方式：valign css属性：*1.相邻边框线合并属性名: border-collapse属性值: collapse 合并    separate 分开(默认)2.单元格与单元格之间的距离属性名: border-spacing属性值: 数值 + px3.表格布局算法属性名: table-layout属性值: auto 单元格宽度由内容决定(默认)（影响加载速度：渲染出内容后计算宽度）fixed 单元格宽度平均分配4.合并'空'单元格属性名:empty-cells：属性值：hide 隐藏show 显示（默认）  5.表格标题  <caption></caption>属性名:  caption-side: 表格标题位置属性值: left right只有火狐浏览器识别top bottom IE7以上6.标题单元格th      标题单元格里的文字自动'居中''对齐'，且'加粗'列分组:colgroupspan="数值"谷歌浏览器只支持span bgcolor width

单元格属性

        单元格属性1.背景颜色: bgcolor=""2.水平对齐方式: align="left(默认)  right  center"3.垂直方向对齐方式: valign="top  middle(默认)  bottom"4.单元格宽度:width合并相邻单元格colspan=“所要合并的单元格的列数"    合并列;rowspan= “所要合并单元格的行数” 合并行;

行属性

        行属性1.背景颜色:bgcolor=""2.水平对齐方式:align="left(默认) right center"3.垂直方向对齐方式:valign="top middle(默认) bottom"4.表格行的高度:height

1像素细线表格

        1像素细线表格1.绘制表格：给表格设置宽高2.设置表格背景颜色、单元格距离为1：cellspacing="1"（即视觉上的边框色）3.设置每行背景颜色合并边框线的方法视觉上没有这个好

表格（HTML和CSS属性）相关推荐

web表格CSS 属性
1.表格边框指定 CSS 表格边框,使用 border 属性,通常定义td,th的边框属性表格会呈现双边框,是因为表和 th / td 元素有独立的边界. table存在默认属性border-co ...
表格、表格CSS属性及HTML属性、表单元素、type类型、内联块的对齐方式
表格 table thead tbody tfoot table>tr>td(th加粗居中显示) css属性 border-sapcing:数值px; 表格边框设置为细线 borde-co ...
css table表格相关设置和属性
css table表格相关设置和属性文章目录 css table表格相关设置和属性前言一.表格结构二.使用行内样式控制表格样式 1.属性 2.使用css控制表格的样式前言记录表格的结构,属 ...
html设置表格列宽百分比,CSS属性中经常出现的百分比
起源:一道面试题(猫眼电新直能分支调二浏页器朋代说,影) 问题:css浏.富混工就划这些本公的响示近览记的迹更中的单位都有哪些?可以取百分数的单位有哪些?其中margin-top取百分数时是相对于谁插 ...
DW中CSS属性详解
作者:未知来源:5D多媒体在Dreamweaver的CSS样式里包含了W3C规范定义的所有CSS1的属性,Dreamweaver把这些属性分为Type(类型).Background(背 ...
css元素与浏览器边框,别具光芒CSS属性、浏览器兼容与网页布局
别具光芒CSS属性.浏览器兼容与网页布局语音编辑锁定讨论上传视频上传视频 <别具光芒CSS属性.浏览器兼容与网页布局>是2008年人民邮电出版社出版的图书.该书结合大量范例与实 ...
050_学习的CSS属性
1. 尺寸属性(Dimension) height: 设置元素高度. max-height: 设置元素的最大高度. max-width: 设置元素的最大宽度. min-height: 设置元素的最小高 ...
有关表格边框的css样式表语法说明
我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的边框. ...
【CSS3】table的css属性
table的css属性 border-collapse 设置是否把表格边框合并为单一的边框. border-spacing 设置分隔单元格边框的距离. caption-side 设置表格标题的位置. ...

表格（HTML和CSS属性）

表格（HTML和CSS属性）相关推荐

最新文章

热门文章