黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程-p35-04-表格相关属性-视频笔记

视频地址:https://www.bilibili.com/video/BV14J4114768/?p=35&spm_id_from=pageDriver&vd_source=92091721fde667b87f2021fd2256a257

表格属性

• 注意:表格标签这部分属性我们实际开发中并不常用,后面通过css来设置
• 因为这些属性按照规范性和美观性来讲,要写在css中才规范和美观,所以开发中我们并不会把这些属性直接写在表格标签中,而是写在css中
• 所以这些属性我们经常不会写在表格标签中

学习的目的

• 记住这些英语单词,后面css会使用
• 直观感受表格的外观形态
• 以下表中就是表格标签的5个相关属性

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

• 注意:表格标签中的这些属性要写到表格标签table里面去
• 以上表中align属性的值为left时,表示靠左对齐,值为center时,表示居中对齐,值为right时,表示靠右对齐
• 以上表中border属性就可以就表格加边框了,属性值可以定义边框的粗细
• 给表格加上边框后,单元格的边框和文字之间就会出现距离,如果需要扩大这个距离,就需要使用cellpadding属性来设置单元格边框和文字之间的距离大小
• 给表格加上边框后,单元格和单元格之间就会出现距离,如果需要取消这个距离,就需要设置cellspacing属性值为0来取消单元格和单元格之间的距离
• 如果想让表格大一点的话,就需要用到表格标签中的width属性来设置表格的宽度,其实还可以使用height属性来设置表格的高度