HTML中有关表格的基本属性知识


表格在网页编程中使用非常的广泛,而且也非常的重要,下面我就将本人编程中所总结的有关表格的基本属性整理处理。


 

 

table标签的基本属性如下:

border:可以的取值为1和0,1代表有边框,0代表没有边框。

bordercolor:可以设置边框的颜色,值为颜色值。

bgcolor:设置表格的背景颜色

background:设置背景图片


 

tr:表示表格中的行标记,属性有align:左中右三个值

td:列标记,align属性可以设置内容的位置

th:是第一行的标题

valign属性可以设置th和td,可以取值Top或者Bottom。

callpadding:内容与单元格边框的间距

cellspacing:防止文本超出边框

如果要使单元格实现跨行或者跨列功能,使用属性colspan和rowspan.


 

实例代码:

<body>
    <table border="1" bordercolor="red" bgcolor="#ff4646">
        <caption>表格示例</caption>
        <tr align="center">
            <th>标题1</th>
            <th>标题2</th>
            <th>标题3</th>
        </tr>
        <tr>
            <td align="left">左</td>
            <td align="center">中</td>
            <td align="right">右</td>
        </tr>
        <tr>
            <td valign="top">top</td>
            <td>center</td>
            <td valign="bottom">bottom</td>
        </tr>
    </table>
</body>

  


 

单元格跨行

 <table border="1" bordercolor="#1f1fff">
        <caption>单元格的跨行</caption>
        <tr>
            <th>姓名</th>
            <th colspan="2">电话</th>
        </tr>
        <tr>
            <td>东腾</td>
            <td>1301485237 1067225098</td>
        </tr>
    </table>

  


 

单元格跨列

   <table border="1">
        <caption>单元格跨列</caption>
        <tr>
            <th>姓名</th>
            <th>电话</th>
        </tr>
        <tr>
            <td rowspan="2">东腾</td>
            <td>1301485237</td>
        </tr>
        <tr>
            
            <td>1067225098</td>
        </tr>
    </table>

  

不足之处,还望指点!!!

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM