zoukankan      html  css  js  c++  java
  • 四个好看的CSS样式表格

    1. 单像素边框CSS表格

    这是一个非经常常使用的表格样式。


    源码:


    2. 带背景图的CSS样式表格

    和上面差点儿相同,只是每一个格子里多了背景图。


    cell-blue.jpg

    cell-grey.jpg

    1. 下载上面两张图,命名为cell-blue.jpg和cell-grey.jpg

    2. 拷贝以下的代码到你想要的地方,记得改动图片url


    3. 自己主动换整行颜色的CSS样式表格(须要用到JS)

    这个CSS样式表格自己主动切换每一行的颜色,在我们须要频繁更新一个大表格的时候非常实用。


    代码:


    4. 鼠标悬停高亮的CSS样式表格 (须要JS)

    纯CSS显示表格高亮在IE中显示有问题,所以这边使用了JS来做高亮(因为csdn博客限制了js的使用,我会在最近将博客迁移放到自己的web主机上)。


    有一点要小心的是,不要定义格子的背景色。


    最常见的几种CSS样式表格都在这了,希望对大家有帮助


    原文:HTML Tables with CSS Styles

  • 相关阅读:
    hdu 5695 Gym Class (拓扑排序)
    bzoj 2002[Hnoi2010]Bounce 弹飞绵羊(分治分块)
    Codeforces Round #355 (Div. 2) D. Vanya and Treasure 分治暴力
    二分图匈牙利模板
    2017 ACM-ICPC 亚洲区(南宁赛区)网络赛 GSM Base Station Identification (点在多边形内模板)
    hdu 1007 Quoit Design (经典分治 求最近点对)
    2017 ACM-ICPC乌鲁木齐网络赛 B. Out-out-control cars(计算几何 直线相交)
    hdu 6146 Pokémon GO (计数)
    hdu 2732 Leapin' Lizards (最大流 拆点建图)
    hdu 1451 Area in Triangle(计算几何 三角形)
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/4298036.html
Copyright © 2011-2022 走看看