使用CSS设置表格二

来源：百度文库 编辑：神马文学网 时间：2024/06/13 02:07:38

使用CSS设置表格二

下面是示例图，blogjava的网友们都很熟悉吧。


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"%>




Css Table Sample 2







    
        江山代有才人出 各领风骚数百年(模拟Blogjava设置界面表格)
        
            
                三代
                汉朝
                晋朝
                唐朝
                宋朝
                明朝
            
        
        
            
                孔子
                董仲舒
                阮籍
                李白
                苏轼
                王阳明
            
            
                孟子
                东方朔
                嵇康
                杜甫
                辛弃疾
                唐寅
            
            
                老子
                扬雄
                陶渊明
                李商隐
                陆游
                徐渭
            
            
                庄子
                左思
                王羲之
                李贺
                范仲淹
                杨慎
            
            
                荀子
                司马迁
                庾信
                王维
                欧阳修
                吕坤
                        
            
                韩非子
                班固
                鲍照
                居易
                苏洵
                宋濂
            
        
    


所有代码下载：
http://www.blogjava.net/Files/sitinspring/CssTable220081003154430.rar
使用CSS设置表格二 使用CSS设置表格 CSS使用篇(二):样式类的创建与引用 css颜色设置大全 二、深入学习和使用-用表格做网页 二、深入学习和使用-（3）表格的嵌套 二、深入学习和使用 -（4）表格的编辑 表格属性设置 css常用的属性设置 javascript 设置css运行时设置javascript asp 学习二：IIS使用 虚拟目录设置篇 使用不同的CSS写法-CSS发烧友 使用不同的CSS写法-CSS发烧友 用CSS样式固定表格宽度 21个css和Ajax表格 怎么用css美化表格的边框 excel表格设置双面打印 Grid表格使用技巧 如何使用ecsl表格 表格的使用技巧！！ 二、深入学习和使用-（2）制作第二个表格 CSS使用技巧20则 Div CSS布局入门教程(二) CSS使用篇(一):将CSS放在何处