前端-基础 表格标签 - 相关属性详解

目录

相关属性 ：?

align 属性 ：?

border 属性? ：?

cellpadding 属性 ：?

cellspacing? 属性 ：?

width? ? 属性 ：?

height? 属性 ：?

---

首先，需要声明的是 表格标签这部分属性，在实际上 开放的时候 我们并不常用，主要是通过

进阶部分 CSS 来实现的~！！?

但，我们作为基础，还是需要了解到的~！！?

相关属性 ：?

首相要声明的就是， 上示这些属性 都是要写在? ? <table> 标签里面去的 ~！！?

align 属性 ：?

作用 ：? 就是设置 表格 相对于页面的对齐方式的，分别是 左边， 中间 ， 右边?

? ? ? ? ? ? ? 在上篇文章中也可以看到，表格一直显示的都是在 整个页面的左上角?

? ? ? ? ? ? ??

示例 ：?

? ? ? ? ? ? ??

? ? ? ? ? ? ? ?注意属性 是写在 <table> 标签里面的 ~！！?

? ? ? ? ? ? ? ===>>>

? ? ? ? ? ? ??

? ? ? ? ? ? ? 当添加了 align 属性后, 并让该属性 发挥处在 页面中央的位置?

border 属性? ：?

作用 ：? 边框的意思， 默认是没有的，就像之前的例子，都是不加边框的样式 ~！！?

示例 ：?

? ? ? ? ? ???

? ? ? ? ? ? ===>>>

? ? ? ? ? ? ?

? ? ? ? ? ? ?顺便也看看 align 属性的 right ，右对齐 ；? 显示的样式 就是 border 的例子?

? ? ? ? ? ? ? ? ? ?? ? ??

? ? ? ? ? ? ?但是，他这个边框，我用红色的也标注了下，好像和 我们印象中的表格也不太一样~！?

? ? ? ? ? ? ?你就知道这就是 border 属性的作用就好 ~！！?

cellpadding 属性 ：?

作用? ?：? ?是内容与边框的距离， 默认是 1 像素；

示例? ?：

? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ?我们让值为 20 来看看?

? ? ?? ??

? ? ? ? ? ? ? ? 上示 红色标注 就是 cellpadding 属性的作用?

cellspacing? 属性 ：?

作用? ?：? 就是 单元格和单元格 之间的距离?

示例? ?：? ?

? ? ? ? ? ? ? ??

? ? ? ? ? ? ? ? ?我们一般设置为 0， 设为0 就看起来完全接近 表格了

? ? ?? ? ??

? ? ? ? ? ? ? ? ? 如上示，就是单元格与单元格之间的距离 为 0? 的状态 ~！！?

width? ? 属性 ：?

作用? ：? 就是表格的宽度?

示例? ：?

????????????????

? ? ? ? ? ? ? ? ? 就显得表格大了一些?

height? 属性 ：?

作用 ： 修改表格高度?

示例 ：?

? ? ? ? ? ??

? ? ? ? ??