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>
    
    

      

  • 相关阅读:
    202020211 20209326 《Linux内核原理与分析》第一周作业
    指针入门,以及利用指针简单的数组逆置
    函数入门
    C语言关于处理数组元素的插入、删除、排序
    flag用法之一
    css3中的transform值matrix
    HTML5CANVAS做的打砖块游戏。。。
    用curl抓取网站数据,仿造IP、防屏蔽终极强悍解决方式
    javascript中最好用的extend继承方法
    使用CSS3中Media Queries兼容不同设备
  • 原文地址:https://www.cnblogs.com/maxin991025-/p/5997165.html
Copyright © 2011-2022 走看看