表格的制作 有序和无序

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>表格的制作</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<style>
    table{
        border-collapse: collapse;
        empty-cells: show;
        table-layout: fixed;
    }
    td{
        border: 1px solid blue;
    }
</style>
</head>
    <body>
        <table>
            <tr>
                <td>时间日期</td>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
            </tr>
            <tr>
                <td rowspan="2">上午</td>
                <td>语文</td>
                <td>地理</td>
                <td>代数</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>语文</td>
                <td>地理</td>
                <td>代数</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td colspan="6"></td>
            </tr>
            <tr>
                <td rowspan="2">下午</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td> </td>
                <td>  </td>
                <td>    </td>
                <td>    </td>
            </tr>
        </table>
    </body>
</html>

/*******************************************************/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>有序列表ol>li{有序$}*4和无序列表ul>li</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<style>
    li{
        list-style-type: none;
    }
</style>
</head>
    <body>
        <ul id="wuxu">
            <li>经常设置成none</li>
            <li>然后再加背景图片保证浏览器的兼容</li>
            <li>padding来控制内边距</li>
            <li>冬</li>
        </ul>
        <ol>
            <li>有序1</li>
            <li>有序2</li>
            <li>有序3</li>
            <li>有序4</li>
        </ol>
        <?php
        /****
        布尔教育 高端PHP培训
        培  训: http://www.itbool.com
        论  坛: http://www.zixue.it
        ****/
        
        ?>
    </body>
</html>

你可能感兴趣的:(表格的制作 有序和无序)