<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    

    春風(fēng)博客
    

    

    春天里，百花香...
    

			
    
				
					

    導(dǎo)航
    

					
    
	
    
		
    <2008年10月>
    
	
    日一二三四五六
    2829301234
    567891011
    12131415161718
    19202122232425
    2627282930311
    2345678
    

    

					

    統(tǒng)計
    
	
					

    公告
    
	MAIL: junglesong@gmail.com
    
MSN: junglesong_5@hotmail.com
    

    
Locations of visitors to this page 

					

    常用鏈接
    


    留言簿(11)
    


		
    隨筆分類(224)
    
		
				
			
	
		
    隨筆檔案(126)
    
		
				
			
	
		
    個人軟件下載
    
		
				
			
	
		
    我的其它博客
    
		
				
			
	
		
    我的鄰居們
    
		
				
			
	


    最新隨筆
    




    搜索
    



    積分與排名
    



    最新評論
	
    

    
	
			
		

    


    閱讀排行榜
    



    評論排行榜
    


				
			
    
			
    
				
					
	
    
		
    
			使用CSS設(shè)置表格二
		
    
		下面是示例圖，blogjava的網(wǎng)友們都很熟悉吧。
    

    

    
CSS代碼：
    

    /*2008.09.28*/
    

    
Table.grayblogjava    {
    
    border-top    :0px solid #6b86b3;
    
    border-bottom    :3px solid #6b86b3;
    
    border-left    :0px solid #6b86b3;
    
    border-right    :0px solid #6b86b3;
    
    }
    

    
Table.grayblogjava caption    {
    
    font-size    :16px;
    
    font-weight    :bold;
    
    text-align    :left;
    
    
    
    border-top    :1px solid #999999;
    
    border-bottom    :1px dashed #999999;
    
    border-left    :0px solid #999999;
    
    border-right    :0px solid #999999;
    
    
    
    padding-left    :5px;
    
    
    
    background    :#e5eef7;
    
    }
    

    
Table.grayblogjava thead    {
    
    height    :31px;
    
    background    :#ffffff;
    
    border-top    :1px solid #e6e6e6;
    
    border-bottom    :1px solid #e6e6e6;
    
    }
    

    
Table.grayblogjava tbody    {
    
    height    :25px;
    
    }
    

    
Table.grayblogjava th    {
    
    border-bottom    :1px solid #6b86b3;
    
    text-align    :center;
    
    }
    

    
Table.grayblogjava tr.odd    {
    
    background-color    :#f5f5f5;
    
    }
    

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

    
Table.grayblogjava td a    {    
    
    color    :#6b86b3;
    
     text-decoration    : none;
    
    }
    

    
Table.grayblogjava td a:hover    {    
    
    color    :#cc0066;
    
     text-decoration    : underline;
    
    }
    

    

    

    
HTML代碼：
    

    <%@ page contentType="text/html; charset=UTF-8"%>
    

    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    
    <html>
    
    <head>
    
    <title>Css Table Sample 2</title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <link rel="stylesheet" rev="stylesheet" href="web/css/style.css" type="text/css" />
    
    <script src="web/js/formchecker.js" type="text/javascript"></script>
    
    <script src="web/js/ajax.js" type="text/javascript"></script>
    
    </head>
    

    
    <body>
    
        <table class="grayblogjava" width="600" cellspacing="0">
    
            <caption>江山代有才人出 各領(lǐng)風(fēng)騷數(shù)百年(模擬Blogjava設(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><a href="#">蘇軾</a></td>
    
                    <td><a href="#">王陽明</a></td>
    
                </tr>
    
                <tr class="odd">
    
                    <td>孟子</td>
    
                    <td>東方朔</td>
    
                    <td>嵇康</td>
    
                    <td>杜甫</td>
    
                    <td><a href="#">辛棄疾</a></td>
    
                    <td><a href="#">唐寅</a></td>
    
                </tr>
    
                <tr>
    
                    <td>老子</td>
    
                    <td>揚雄</td>
    
                    <td>陶淵明</td>
    
                    <td>李商隱</td>
    
                    <td><a href="#">陸游</a></td>
    
                    <td><a href="#">徐渭</a></td>
    
                </tr>
    
                <tr class="odd">
    
                    <td>莊子</td>
    
                    <td>左思</td>
    
                    <td>王羲之</td>
    
                    <td>李賀</td>
    
                    <td><a href="#">范仲淹</td>
    
                    <td><a href="#">楊慎</td>
    
                </tr>
    
                <tr>
    
                    <td>荀子</td>
    
                    <td>司馬遷</td>
    
                    <td>庾信</td>
    
                    <td>王維</td>
    
                    <td><a href="#">歐陽修</a></td>
    
                    <td><a href="#">呂坤</a></td>
    
                </tr>            
    
                <tr class="odd">
    
                    <td>韓非子</td>
    
                    <td>班固</td>
    
                    <td>鮑照</td>
    
                    <td>居易</td>
    
                    <td><a href="#">蘇洵</a></td>
    
                    <td><a href="#">宋濂</a></td>
    
                </tr>
    
            </tbody>
    
        </table>
    
    </body>
    
    </html>
    

    
所有代碼下載：
    
http://www.tkk7.com/Files/sitinspring/CssTable220081003154430.rar 

		
    
			posted on 2008-10-03 15:35 sitinspring 閱讀(979) 評論(0)  編輯  收藏  所屬分類: HTML,CSS&JS 
		
    
	
    







    
	    
    




    








    

				
			
    
			
sitinspring(http://www.tkk7.com)原創(chuàng),轉(zhuǎn)載請注明出處.
    







    
        
	



主站蜘蛛池模板：
免费女人18毛片a级毛片视频|
日韩a级无码免费视频|
8x8x华人永久免费视频|
亚洲乱码无码永久不卡在线|
一本大道一卡二大卡三卡免费|
国产无遮挡吃胸膜奶免费看|
亚洲人av高清无码|
国产精品久久免费视频|
亚洲精品欧美综合四区|
国产成人无码免费视频97|
国产精品亚洲精品爽爽|
国产精品亚洲美女久久久|
在线播放国产不卡免费视频|
久久久久国产成人精品亚洲午夜
|
亚洲AV无码AV男人的天堂不卡|
思思99re66在线精品免费观看|
亚洲精品无码av片|
日韩亚洲精品福利|
国产福利电影一区二区三区，免费久久久久久久精
|
中文字幕高清免费不卡视频|
亚洲毛片αv无线播放一区|
免费福利在线视频|
亚洲人成激情在线播放|
成年人视频在线观看免费|
国产精品观看在线亚洲人成网|
伊人婷婷综合缴情亚洲五月|
日本高清高色视频免费|
33333在线亚洲|
亚洲午夜AV无码专区在线播放
|
男人j进入女人j内部免费网站|
亚洲国产精品综合久久2007|
日韩精品免费一区二区三区|
精品国产污污免费网站入口在线|
婷婷亚洲久悠悠色悠在线播放|
免费在线看v网址|
免费一级做a爰片久久毛片潮|
亚洲电影一区二区|
日韩在线视频免费看|
永久免费不卡在线观看黄网站|
国产日本亚洲一区二区三区|
亚洲精品麻豆av|