国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP，暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP

首頁(yè)

好書

留言交流

下載APP

聯(lián)系客服
使用CSS設(shè)置表格
效果圖：


HTML代碼：
<body>
    <table class="tableList" width="600" cellspacing="0">
        <caption>江山代有才人出 各領(lǐng)風(fēng)騷數(shù)百年</caption>
        <thead>
            <tr>
                <th>三代</th>
                <th>漢朝</th>
                <th>晉朝</th>
                <th>唐朝</th>
                <th>宋朝</th>
                <th>明朝</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>孔子</td>
                <td>董仲舒</td>
                <td>阮籍</td>
                <td>李白</td>
                <td>蘇軾</td>
                <td>王陽(yáng)明</td>
            </tr>
            <tr class="odd">
                <td>孟子</td>
                <td>東方朔</td>
                <td>嵇康</td>
                <td>杜甫</td>
                <td>辛棄疾</td>
                <td>唐寅</td>
            </tr>
            <tr>
                <td>老子</td>
                <td>揚(yáng)雄</td>
                <td>陶淵明</td>
                <td>李商隱</td>
                <td>陸游</td>
                <td>徐渭</td>
            </tr>
            <tr class="odd">
                <td>莊子</td>
                <td>左思</td>
                <td>王羲之</td>
                <td>李賀</td>
                <td>范仲淹</td>
                <td>楊慎</td>
            </tr>
            <tr>
                <td>荀子</td>
                <td>司馬遷</td>
                <td>庾信</td>
                <td>王維</td>
                <td>歐陽(yáng)修</td>
                <td>呂坤</td>
            </tr>            
            <tr class="odd">
                <td>韓非子</td>
                <td>班固</td>
                <td>鮑照</td>
                <td>白居易</td>
                <td>蘇洵</td>
                <td>宋濂</td>
            </tr>
        </tbody>
    </table>
</body>

CSS代碼：
/*2008.09.28*/

Table.tableList{
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    border-left:0px solid #000000;
    border-left:0px solid #000000;
}

Table.tableList caption{
    font-size:16px;
    font-weight:bold;
}

Table.tableList thead{
    height:31px;
    background:#ffffff url(../img/th_flower_bg.gif) repeat-x left center:
    border-top:1px solid #e0dace;
    border-bottom:1px solid #e0dace;
}

Table.tableList tbody{
    height:25px;
}

Table.tableList th{
    border-bottom:1px solid #e0dace;
    text-align:center;
}

Table.tableList tr.odd{
    background-color:#faf4e8;
}

Table.tableList td{    
    border-bottom:1px solid #e0dace;
    
    padding-left:4px;
    padding-right:4px;
    padding-top:4px;
    padding-bottom:1px;    
    
    text-align:left;
}


所有代碼下載：
http://www.blogjava.net/Files/sitinspring/CssTable20080928145513.rar

posted on 2008-09-28 15:04 sitinspring 閱讀(176) 評(píng)論(3)  編輯  收藏 所屬分類: HTML,CSS&JS

評(píng)論

# re: 使用CSS設(shè)置表格 2008-09-28 18:57 日月雨林@gmail.com

不錯(cuò)不錯(cuò)??！  回復(fù)  更多評(píng)論   

# re: 使用CSS設(shè)置表格 2008-09-29 05:27 sclsch

你好，我按照你的做了，代碼如下： table 的css就是不起作用，你看看是哪里有問(wèn)題

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<style type="text/css">

body{
margin:10px;
height:100%;
text-align:center;
min-width:760px;
background:#FFFFFF;
}
Table.tableList{}{
border-top:1px solid #000000;
border-bottom:1px solid #000000;
border-left:0px solid #000000;
border-left:0px solid #000000;
}

Table.tableList caption{}{
font-size:16px;
font-weight:bold;
}

Table.tableList thead{}{
height:31px;
background:#ffffff url(../img/th_flower_bg.gif) repeat-x left center:
border-top:1px solid #e0dace;
border-bottom:1px solid #e0dace;
}

Table.tableList tbody{}{
height:25px;
}

Table.tableList th{}{
border-bottom:1px solid #e0dace;
text-align:center;
}

Table.tableList tr.odd{}{
background-color:#faf4e8;
}

Table.tableList td{}{
border-bottom:1px solid #e0dace;

padding-left:4px;
padding-right:4px;
padding-top:4px;
padding-bottom:1px;

text-align:left;
}
</style>

</head>

<body>
<table class="tableList" width="600" cellspacing="0">
<caption>江山代有才人出 各領(lǐng)風(fēng)騷數(shù)百年</caption>
<thead>
<tr>
<th>三代</th>
<th>漢朝</th>
<th>晉朝</th>
<th>唐朝</th>
<th>宋朝</th>
<th>明朝</th>
</tr>
</thead>
<tbody>
<tr>
<td>孔子</td>
<td>董仲舒</td>
<td>阮籍</td>
<td>李白</td>
<td>蘇軾</td>
<td>王陽(yáng)明</td>
</tr>
<tr class="odd">
<td>孟子</td>
<td>東方朔</td>
<td>嵇康</td>
<td>杜甫</td>
<td>辛棄疾</td>
<td>唐寅</td>
</tr>
<tr>
<td>老子</td>
<td>揚(yáng)雄</td>
<td>陶淵明</td>
<td>李商隱</td>
<td>陸游</td>
<td>徐渭</td>
</tr>
<tr class="odd">
<td>莊子</td>
<td>左思</td>
<td>王羲之</td>
<td>李賀</td>
<td>范仲淹</td>
<td>楊慎</td>
</tr>
<tr>
<td>荀子</td>
<td>司馬遷</td>
<td>庾信</td>
<td>王維</td>
<td>歐陽(yáng)修</td>
<td>呂坤</td>
</tr>
<tr class="odd">
<td>韓非子</td>
<td>班固</td>
<td>鮑照</td>
<td>白居易</td>
<td>蘇洵</td>
<td>宋濂</td>
</tr>
</tbody>
</table>
</body>
</html>

  回復(fù)  更多評(píng)論   

# re: 使用CSS設(shè)置表格 2008-09-29 09:55 sitinspring

你多加了大括號(hào)，下面代碼可以參考。

<title> New Document </title>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

</head>

<style type="text/css">
body{
margin:10px;
height:100%;
text-align:center;
min-width:760px;
background:#ffffff;
}
table.tableList{
border-top:1px solid #000000;
border-bottom:1px solid #000000;
border-left:0px solid #000000;
border-left:0px solid #000000;
}

Table.tableList caption{
font-size:16px;
font-weight:bold;
}

Table.tableList thead{
height:31px;
background:#ffffff url(../img/th_flower_bg.gif) repeat-x left center:
border-top:1px solid #e0dace;
border-bottom:1px solid #e0dace;
}

Table.tableList tbody{
height:25px;
}

Table.tableList th{
border-bottom:1px solid #e0dace;
text-align:center;
}

Table.tableList tr.odd{
background-color:#faf4e8;
}

Table.tableList td{
border-bottom:1px solid #e0dace;

padding-left:4px;
padding-right:4px;
padding-top:4px;
padding-bottom:1px;

text-align:left;
}
</style>

<body>
<table class="tableList" width="600" cellspacing="0">
<caption>江山代有才人出 各領(lǐng)風(fēng)騷數(shù)百年</caption>
<thead>
<tr>
<th>三代</th>
<th>漢朝</th>
<th>晉朝</th>
<th>唐朝</th>
<th>宋朝</th>
<th>明朝</th>
</tr>
</thead>
<tbody>
<tr>
<td>孔子</td>
<td>董仲舒</td>
<td>阮籍</td>
<td>李白</td>
<td>蘇軾</td>
<td>王陽(yáng)明</td>
</tr>
<tr class="odd">
<td>孟子</td>
<td>東方朔</td>
<td>嵇康</td>
<td>杜甫</td>
<td>辛棄疾</td>
<td>唐寅</td>
</tr>
<tr>
<td>老子</td>
<td>揚(yáng)雄</td>
<td>陶淵明</td>
<td>李商隱</td>
<td>陸游</td>
<td>徐渭</td>
</tr>
<tr class="odd">
<td>莊子</td>
<td>左思</td>
<td>王羲之</td>
<td>李賀</td>
<td>范仲淹</td>
<td>楊慎</td>
</tr>
<tr>
<td>荀子</td>
<td>司馬遷</td>
<td>庾信</td>
<td>王維</td>
<td>歐陽(yáng)修</td>
<td>呂坤</td>
</tr>
<tr class="odd">
<td>韓非子</td>
<td>班固</td>
<td>鮑照</td>
<td>白居易</td>
<td>蘇洵</td>
<td>宋濂</td>
</tr>
</tbody>
</table>
</body>
</html>  

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。
打開APP，閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
四個(gè)好看的CSS樣式表格
tr:hover無(wú)效，td:hover有效解決方法
table如何設(shè)置邊框
新視覺(jué)在線制作網(wǎng)總匯模塊代碼
日歷代碼
實(shí)線表格邊框代碼
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)！
如果VIP功能使用有故障，
可點(diǎn)擊這里聯(lián)系客服！

聯(lián)系客服