分享

HTML中table表格的常用使用

2019-03-25  行走在理想边缘   |  转藏
   
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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多