?????? ?????? ?????? ?????? ???? ???? ?????? ?????? ?????? ?????? ???? ?? 来自：小强不死520 > 馆藏分类 配色： 字号：大中小 ???? ?????? ?????? ?????? ?????? ?????? ???? ???? ??????语文 ?????? ?????? ?????? ?????? ???? ???? ?????? ?????? ?????? ?????? ???? ???? ??????课间活动 ???? ???? ?????? ???????? ?????????? ???????????? ???????????? ?????????? ?????????? ????????????诗词 ????????????古文 ?????????? ???????? table表格标签的属性 2020-08-28 | 阅：  转：  |  分享     ???????????? ???????????? ???????????? ???????????? ???????? ???????? ???????????? ???????????? ???????????? ???????????? ???????? ???? ???????? ???????????? ???????????? ???????????? ???????????? ???????????? ???????? ???????? ????????????语文 ???????????? ???????????? ???????????? ???????????? ???????? ???????? ???????????? ???????????? ???????????? ???????????? ???????? ???????? ????????????课间活动 ???????? ???????? ???????????? ???????????????? table表格标签的属性 table标签目前前端主流推荐HTML、CSS、JS三者分离，实际使用table标签的CSS样式代码还是采用table的style的属性和值来进行外观样式控制。 习惯样式： ????????table?{ ????????????display:?table; ????????????border-collapse:?separate; ????????????border-spacing:?2px; ????????????border-color:?gray; ????????} table的style重要属性： border-spacing：规定表格单元格与单元格、外边框的间距； table-layout：规定表格的布局算法； border-collapse：设置表格的边框是否被合并为一个单一的边框； empty-cells：在collapsed-borders模型中，该属性无效；在separated-borders模型中，当该属性值为hide时，空的表格单元将没有边框和背景。 table表格编程练习 小伙伴，编写代码设置表格相应属性，按照效果图，实现相应效果。 效果图： 任务 ???? ???? ???? ???? ???????? 课程表 星期一 星期二 星期三 星期四 星期五 数学 化学 英语 生物 数学 化学 英语 生物 ???????????????????? ???????????????????????? ???????????????????????? ???????????????????? ???????????????????? ???????????????????????? ???????????????????????? ???????????????????? ???????????????? 前半节 后半节 诗词 古文 ???????????? 数学 化学 英语 生物 数学 化学 英语 生物 当然，一些“前辈”代码可能还采用table标签的一些属性来进行样式控制，对于需要维护特定“祖传代码”的工程师来说，还是有必要了解一些此类“考古”前端知识。 譬如上述table效果也可以采用table的“远古”属性来实现同样的效果： ?? ?? ?? ?? ???? 课程表 星期一 星期二 星期三 星期四 星期五 数学 化学 英语 生物 数学 化学 英语 生物 前半节 后半节 ?????? 数学 化学 英语 生物 数学 化学 英语 生物 标签用于定义HTML中的表格，其主要属性以及功能如下： width:设置表格长度； align：表格相对于周围元素的对齐方式； bgcolor:设置表格的背景颜色； border:设置表格的外边框宽度； frame：设置表格外边框哪部分是可见的； cellspacing：设置表格单元与表格单元、外边框的间距； cellpadding：设置表格单元内容与表格单元边框的间距； rules：设置表格单元边框哪部分是可见的。

献花(0) +1

(本文系小强不死520...首藏)