css

一言不合咱就上笔记: 

     虽然之前已经学习过表格的相关样式,但是,在css外部样式表当中,又有需要增加的知识点。 接下来,就好好复习一下吧:

boder-collapse//collapse(合并)separate(默认值  bu)合并表格的边框

与border-spacing不能一起出现

border-spacing:20px 50px;//单元格之间的水平  垂直距离

table-layout:auto/fixed//设置显示单元,行和列的算法

auto:默认,列宽度由单元格内容设定

fixed:列宽由表格宽度和列宽度设定

text-align:center//表格内容水平居中

vertical-align:center//表格内容垂直居中

caption-side:top/bottom//top是默认值,  设定表格表头位置

设置是否显示表格中的空单元格:

empty-cell: hide//不在空单元格周围绘制边框

show//在空单元格周围绘制边框。默认

表格复习:

想要表格有内边框需哦在td里面加border

border-spacing :

caption-side:表格标题位置


在学习之后,也用该运用到实际当中来:家下来看看这个示例吧:


这只是一个简单的示例

        这个示例只是简单的将表格的相关属性运用上来,接下来我们来看看代码:


表格常用样式属性


只是简单的介绍:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,155评论 1 92
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,189评论 0 1
  • 表格式化 我们先来看看组装表的基本方法,并了解表中的元素相互之间有什么关系。这称为表格式化。 表的视觉编排 CSS...
    exialym阅读 797评论 0 4
  • 时间:2016年5月20号 在盒模型结束后,对于之前的文本样式和表格属性具体讲解了一些知识点,但是并不是重要的,只...
    旭先生阅读 678评论 0 1
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,878评论 32 459

友情链接更多精彩内容