怎么用css做一个课程表,款300px,高200,水平居中,文字居中。

html-css033

怎么用css做一个课程表,款300px,高200,水平居中,文字居中。,第1张

<!doctype html>

<meta charset="utf-8" />

<style type="text/css">

td {text-align:center}

</style>

<table width="500px" cellspacing="0" height="500px" border="1" bgcolor="#00CC66" bordercolor="#FF0000" align="center">

<th colspan="6" style="font-size:24px">课&nbsp&nbsp程&nbsp&nbsp表</th>

    <tr>

     <td rowspan="3">上<br><br><br><br>午</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>语文</td>

        <td>数学</td>

        <td>英语</td>

        <td>化学</td>

        <td>物理</td>

    </tr>

<tr>

     <td rowspan="3">下<br><br><br><br><br>午</td>

     <td>语文</td>

        <td>数学</td>

        <td>英语</td>

        <td>化学</td>

        <td>物理</td>

    </tr>

<tr>

     <td>语文</td>

        <td>数学</td>

        <td>英语</td>

        <td>化学</td>

        <td rowspan="2">物理</td>

    </tr>

<tr>

     <td>语文</td>

        <td>数学</td>

        <td>英语</td>

        <td>化学</td>

    </tr>

</table>

这里是CSS样式--------->

<style>

.jmb{ width:912pxbackground:#FFFFFFborder:1px solid #F1BCC4border-left:noneborder-bottom:noneheight:autofloat:leftmargin-top:5px}

.jmb ul{ width:912pxcolor:#D45A57border-bottom:1px solid #F1BCC4float:leftline-height:32px}

.jmb ul li{ width:113pxfloat:leftborder-left:1px solid #F1BCC4text-align:center}

<style/>

这里是HTML--------->

<div class="jmb">

<ul style="width:912pxfont-weight:bold"><li>放课程名字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>

<ul style="width:912px"><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>

<ul style="width:912px"><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>

<ul style="width:912px"><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>

<ul style="width:912px"><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>

</div>

才10分~~~~~~~~~~~~记得给我啊~~~~~~~!