如何用css制作一张课程表?不要用复制的

html-css022

如何用css制作一张课程表?不要用复制的,第1张

这里是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分~~~~~~~~~~~~记得给我啊~~~~~~~!

新建一张CSS样式表,如:sytle.css

在css中设置相关标签的样式如:tr td{widht:xxpxheight:xxpxborder:1px solid redbackground:yellow}等等。

然后引用这个css样式表即可。希望能帮到你。

<!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>