HTML5-表格_html/css_WEB-ITnose-html教程-PHP中文网

HTML5-表格_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:46:49

原创

1170人浏览过

影像之匠PixPretty

商业级AI人像后期软件，专注于人像精修，色彩调节及批量图片编辑，支持Windows、Mac多平台使用。适用于写真、婚纱、旅拍、外景等批量修图场景。

299

查看详情

表格：表头,行 ,列,标题

属性：cellpadding="10" cellspacing="10":单元格间距，单元格边距|

bgcolor="#8a2be2"【背景颜色】，background="images/html.jpg"【背景图片】

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>表格</title></head><body>    <p>表格</p>    <table border="1">        <caption>重要表格</caption>        <!-- <caption>重要表格</caption>：表头-->        <tr>            <th>单元</th>            <th>单元</th>            <th>单元</th>        </tr>        <tr>            <td>单元格1</td>            <td>单元格2</td>            <td>单元格3</td>        </tr>        <tr>            <td>单元格1</td>            <td>单元格2</td>            <td>                <ul>                    <li>苹果</li>                    <li>苹果</li>                    <li>苹果</li>                </ul>            </td>        </tr>    </table>    <br/>    <table border="1" cellpadding="10" cellspacing="10" bgcolor="#8a2be2">        <!--  cellpadding="10" cellspacing="10":单元格间距，单元格边距-->        <tr>        <td>单元格1</td>        <td>单元格2</td>        <td>单元格3</td>        </tr>        <tr>            <td>单元格4</td>            <td>单元格4</td>            <td>单元格6</td>        </tr>    </table>    <!-- bgcolor="#8a2be2"【背景颜色】，background="images/html.jpg"【背景图片】-->    <br/>    <table border="1" cellpadding="10" cellspacing="10" background="images/html.jpg">        <!--  cellpadding="10" cellspacing="10":单元格间距，单元格边距-->        <tr>            <td>单元格1</td>            <td>单元格2</td>            <td>单元格3</td>        </tr>        <tr>            <td>单元格4</td>            <td>单元格4</td>            <td>单元格6</td>        </tr>    </table></body></html>

登录后复制