zoukankan      html  css  js  c++  java
  • 表格结构

    1 表格结构

      <table border="1"  width="500"> <!--块元素-->

        <tr> <!--行-->

          <td>&nbsp;</td><!--列-->

        </tr>

      </table>

    2 <table>属性

    1 Width:表格宽度,单位可以是百分比,也可以是固定值。

    2  Height:表格高度。

    3  Align:表格水平对齐方式,取值:left、center、right

    4  Border:边框粗细。

    5  Bordercolor:边框颜色。

    6  bgColor:表格背景色。

    7  background:背景图片URL。

    8  cellpadding:单元格边线到内容间的距离(填充距离)

    9  cellspacing:单元格与单元格之间的距离(间距)

    10  rules:合并单元格边框线,取值:all

    注意:rules兼容性不好,请使用CSS来取代它。

    <table border="5" width="500" height="130" bordercolor="blue" bgColor="#99cc33" background="img/tom.gif" align="center" cellspacing="0" rules="all">

    3 <tr>属性——行标记

    1  bgColor:行的背景色

    2  height:行的高度

    3  align:行中的文本水平居中,取值:left、center、right

    4 valign:垂直居中,取值:top(上)、middle(中)、 bottom(下)

    4<td><th>属性

           <td>是普通单元格,<th>是标题单元各,居中加粗显示。

    1  width:单元格宽度

    2  height:单元格高度

    3  bgColor:单元格背景色

    4  background:单元格背景图片

    5  align:水平对齐

    6  valign:垂直水齐

    7  rowspan:上下单元格合并。合并属性必须放在第一个单元格中。

    8  colspan:左右单元格合并。合并时,有增就得有减,要保证每一行单元格的个数不变。

    <caption>表格标题

     语法格式:<caption></caption>

    提示:<caption>标记是<table>的子标记。<caption>放在<table>开始标记之后

  • 相关阅读:
    在mac守护进程中启动一个新进程
    OBS源码解析(3)OBSApp类介绍
    缩略图预览mini库
    Web Sql database 本地数据库
    React入口详解
    网页全屏显示
    使用cheerio爬数据兼容gbk和utf8
    前端自动化grunt的使用
    Emmet 神一样的sublime text插件
    BFC(Block Formatting Context)理解
  • 原文地址:https://www.cnblogs.com/yd09023/p/5841123.html
Copyright © 2011-2022 走看看