表格(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 设置表格标题的位置. ...
最新文章
- 【Unity】5.1 3D坐标系基础知识
- 稚晖君自制机械臂,能给葡萄缝针的那种,成本1万块,网友:能把脑子开源一下?...
- DDD - 如何理解Entity与VO
- rabbitmq-消息追踪rabbitmq_tracing
- 五、Web服务器——MVC开发模式 EL表达式 JSTL 学习笔记
- 滤波器开发之四:基于算术平均的中值滤波器
- 近来很多人通过这个博文加关注,为何?
- WORD VBA 每一页第一段文字
- fat,uat,pre等环境含义
- 计算机网络是由网络硬件网络软件,超星尔雅FPGA应用开发课程设计期末答案
- 全文六万字《计算智能》智能优化算法 张军【Python】
- 像素,分辨率,Retina屏幕
- 常微分方程(1):可分离变量的方程
- 微信网页扫码登录的实现
- 8、16、32-BIT系列单片机区别与特点
- neon浮点运算_ARM Linux Kernel浮点运算(软浮点、硬浮点)
- linux floating ip,neutron分配浮动IP(floating ip)的方法
- 计算日期差(C/C++实现)
- 鸿蒙开发工具在哪下载,【鸿蒙开发工具下载】华为鸿蒙开发工具软件下载 v2.1.8 最新版-七喜软件园...
- Kotlin 开发Android app(十九):文件读写和SharedPreferences内容存储