zoukankan      html  css  js  c++  java
  • 表格结构

    1 表格结构

      <table border="1"  width="500"> <!--块元素-->

        <tr> <!--行-->

          <td>&nbsp;</td><!--列-->

        </tr>

      </table>

    2 <table>属性

    1 Width:表格宽度,单位可以是百分比,也可以是固定值。

    2  Height:表格高度。

    3  Align:表格水平对齐方式,取值:left、center、right

    4  Border:边框粗细。

    5  Bordercolor:边框颜色。

    6  bgColor:表格背景色。

    7  background:背景图片URL。

    8  cellpadding:单元格边线到内容间的距离(填充距离)

    9  cellspacing:单元格与单元格之间的距离(间距)

    10  rules:合并单元格边框线,取值:all

    注意:rules兼容性不好,请使用CSS来取代它。

    <table border="5" width="500" height="130" bordercolor="blue" bgColor="#99cc33" background="img/tom.gif" align="center" cellspacing="0" rules="all">

    3 <tr>属性——行标记

    1  bgColor:行的背景色

    2  height:行的高度

    3  align:行中的文本水平居中,取值:left、center、right

    4 valign:垂直居中,取值:top(上)、middle(中)、 bottom(下)

    4<td><th>属性

           <td>是普通单元格,<th>是标题单元各,居中加粗显示。

    1  width:单元格宽度

    2  height:单元格高度

    3  bgColor:单元格背景色

    4  background:单元格背景图片

    5  align:水平对齐

    6  valign:垂直水齐

    7  rowspan:上下单元格合并。合并属性必须放在第一个单元格中。

    8  colspan:左右单元格合并。合并时,有增就得有减,要保证每一行单元格的个数不变。

    <caption>表格标题

     语法格式:<caption></caption>

    提示:<caption>标记是<table>的子标记。<caption>放在<table>开始标记之后

  • 相关阅读:
    纷享销客公司产品能力学习笔记
    有质量的两道面试题
    java项目启动时执行指定方法
    css银行卡号样式
    swiper6使用鼠标滚轮失效退回swiper4即可
    vue-swiper Demo
    vue点击下载图片
    跨域请求发送数据在body里,java后台接收
    跨域,跨服务session获取不到,前后台不会传输Cookie,sessionId不一致
    Windows下 redis命令及配置
  • 原文地址:https://www.cnblogs.com/yd09023/p/5841123.html
Copyright © 2011-2022 走看看