zoukankan      html  css  js  c++  java
  • HTML 表格

    表格<table></table>

    宽度,可以用像素或百分比;   border:边框,常用值为0;  cellpadding:内容和单元格边框的距离,常用值为0;    cellspacing:单元格之间的边距常用值为0;   bgcolor:背景色;     background:背景图片   align:对齐方式,可选择center,left,right

    <tr></tr>    行

    align:一行对齐方式,可选择center,left,right      height:行高    bgcolor:背景色;     background:背景图片

    <td></td>  单元格

    align:单元格内容的对齐方式   valign:单元格的内容的垂直对齐方式。   width:单元格宽度。   height:单元格高度。    bgcolor:背景色。    background:背景图片。   

        内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。

        设置单元格行高、列高时,会同时影响对应的行或列。

    单元格合并:(建议尽量用表格嵌套)

        colspan=“n”    合并同一行的单元格(后面写代码要减去相对应的列)

        rowspan=“n”   合并同一列单元格(从第二行开始减去相对应的列)

    <body>
    <table align="center" width="480" height="120" border="1" cellpadding="0" cellspacing="0">
    <tr align="center" bgcolor="#00FFCC">
    <td width="120"><a href="http://http://www.autohome.com.cn/" target="new">汽车之家</a></td>
    <td width="120">易车网</td>
    <td width="120">太平洋汽车</td>
    <td>新车评网</td>
    </tr>
    <tr align="center">
    <td width="120">淘宝</td>
    <td width="120" bgcolor="#9900CC">京东</td>
    <td width="120">聚美优品</td>
    <td rowspan="2">苏宁易购</td>
    </tr>
    <tr align="center">
    <td width="120" colspan="2">当当网</td>
    <td width="120">58同城</td>
    </tr>
    </table>
    </body>
    
    

      

  • 相关阅读:
    [IOI2014] 假期
    [SPOJ22343] Norma
    [APC001] D Forest
    [POI2004] SZN
    [JZOJ5837] Omeed
    [JZOJ5836] Sequence
    【题解】[CH弱省胡策R2]TATT
    【题解】简单题
    【题解】巧克力王国
    【题解】[SDOI2010]捉迷藏
  • 原文地址:https://www.cnblogs.com/maxin991025-/p/5997165.html
Copyright © 2011-2022 走看看