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>IP</td>
        <td>网游</td>
    </tr>
    <tr>
        <td>移动</td>
        <td>联通</td>
        <td>电信</td>
    </tr>
</table>


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值