table样式

来源：互联网发布：java字符串编码解码编辑：程序博客网时间：2024/05/22 12:31

前面是css ，后面是html测试

table{    border: 5px solid #0ecc0c;/*table的外边*/    border-collapse: collapse;/*合并边框*/    width:80%;/*设定table的长度，非常需要*/    font-size: 20px;}thead{/*表头*/    background-color: #d98f9a;}tbody{/*表内容*/}table th,/*th是表头的标志，字体会大写*/table td{    border: 2px solid #1b23cc;/*内部的边框*/}

<pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><HEAD><META content="IE=7.0000" http-equiv="X-UA-Compatible">    <META content="text/html; charset=UTF-8" http-equiv=Content-Type>    <link rel="stylesheet" href="style.css"/><TITLE>经济法精品课程</TITLE></HEAD><table class="table ">    <thead>    <tr class="tableheader">        <td>教师</td>        <td>性别</td>        <td>出生时间</td>        <td>学历</td>    </tr>    </thead>    <tbody>        <tr>            <td><{$vo.name}></td>            <td><{$vo.sex}></td>            <td><{$vo.birthday}></td>            <td><{$vo.degree}></td>        </tr>        <tr>            <th><{$vo.name}></th>            <th><{$vo.sex}></th>            <th><{$vo.birthday}></th>            <th><{$vo.degree}></th>        </tr>        <tr>            <td colspan="3">跨3</td>            <td>1</td>        </tr>    </tbody></table><br/><br/><TABLE >    <TBODY>    <TR>        <TD width=100 rowSpan=3>            <DIV align=center>1</DIV></TD>        <TD width=100>            <DIV align=center>2</DIV></TD>        <TD width=100>            <DIV align=center>3</DIV></TD>    <TR>        <TD>            <DIV align=center>4</DIV></TD>        <TD>            <DIV align=center>5</DIV></TD>    <TR>        <TD>            <DIV align=center>6</DIV></TD>        <TD>            <DIV align=center>7</DIV></TD></TR></TR></TR>    </TBODY></TABLE><BODY></BODY></HTML>

0 0