HTML中table表格的常用使用

 
  
table表格:
【常用属性】
        1.border:给表格加边框
border属性值增大时,只有外围框线增加,单元格的边框始终为1px;
        2.bordercolor="blue" 边框颜色
        3.widthheight:表格的宽高
        4.cellspacing:单元格与单元格之间的间隙距离
cellspacing=“0”,只会使单元格间隙为0,但不会合并边框线。
           表格边框合并:style=“border-collapsecollapse”,
           无需再写cellspacing="0"(边框合并,间隙为零,间线变宽)
        5.cellpadding:每个单元格中的内容与边框的距离
        6.align:表格在屏幕的左中右位置显示,leftcenterright
            注意:给表格加上align属性,相当于让表格浮动
            会直接打破表格后面元素的原有排列方式
        7.bgcolor:背景色  等同于style="background-color:yellow"(提倡用css3的显示效果)
        8.backgroundbackground="img/compter.jpg"设置背景图片
          等同于style="background-image:;" 且背景图片会覆盖背景颜色

背景图片:
     background="../img/lianxiang.jpg"
     background-image: url('../img/lianxiang.jpg')"

<table border="10" bordercolor="blue" width="500px" height="150px"
       style="border-collapse: collapse;background-color: yellow;
        cellpadding="30px"  align="center" >

 <tr>
        <td>手机充值td>
        <td>IPtd>
        <td>网游td>
    tr>
    <tr>
        <td>移动td>
        <td>联通td>
        <td>电信td>
    tr>
table>

 
  

你可能感兴趣的:(HTML5)