CSS基础入门表格和无序

96 阅读1分钟
<!-- colspan=""需要跨几行就填几 -->
<table border="1">
    <tr>
        <td colspan="4">学生成绩</td>
    </tr>
    <tr>
        <td>语文</td>
        <td>50</td>
        <td>数学</td>
        <td>60</td>
    </tr>
    <tr>
        <td>化学</td>
        <td>50</td>
        <td>生物</td>
        <td>60</td>
    </tr>
    <tr>
        <td>地理</td>
        <td>50</td>
        <td>英语</td>
        <td>60</td>
    </tr>

</table>

<br>
<br>
<br>

<!-- rowspan="" 需要跨几列就填几 -->
<table border="1">
    <tr>
        <td rowspan="2">张三</td>
        <td>语文</td>
        <td>80</td>
    </tr>
    <tr>

        <td>数学</td>
        <td>80</td>
    </tr>
</table>

<!-- 无序列表 -->

<!-- 生成快捷方式   ul>li*3{内容}-->  
<!-- 声明无序列表 -->
<ul>
    <!-- 声明列表项 -->
    <li></li>
</ul>
<ul>
    <li></li>
</ul>