首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >table 常用样式

table 常用样式

作者头像
用户5760343
发布2022-01-10 08:39:13
发布2022-01-10 08:39:13
7140
举报
文章被收录于专栏:sktjsktj

css=""" <head> <style type="text/css"> /* gridtable / table.gridtable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #666666; border-collapse: collapse; } table.gridtable th { border-width: 1px; padding: 8px; border-style: solid; border-color: #666666; background-color: #dedede; } table.gridtable td { border-width: 1px; padding: 8px; border-style: solid; border-color: #666666; background-color: #ffffff; } / /gridtable */

代码语言:javascript
复制
  /* imagetable */
  table.imagetable {
      font-family: verdana,arial,sans-serif;
      font-size:11px;
      color:#333333;
      border-width: 1px;
      border-color: #999999;
      border-collapse: collapse;
  }
  table.imagetable th {
      background:#b5cfd2 url('cell-blue.jpg');
      border-width: 1px;
      padding: 8px;
      border-style: solid;
      border-color: #999999;
  }
  table.imagetable td {
      background:#dcddc0 url('cell-grey.jpg');
      border-width: 1px;
      padding: 8px;
      border-style: solid;
      border-color: #999999;
  }
  /* /imagetable */
  /* altrowstable */

  table.altrowstable {
      font-family: verdana,arial,sans-serif;
      font-size:11px;
      color:#333333;
      border-width: 1px;
      border-color: #a9c6c9;
      border-collapse: collapse;
  }
  table.altrowstable th {
      border-width: 1px;
      padding: 8px;
      border-style: solid;
      border-color: #a9c6c9;
  }
  table.altrowstable td {
      border-width: 1px;
      padding: 8px;
      border-style: solid;
      border-color: #a9c6c9;
  }
  .oddrowcolor{
      background-color:#d4e3e5;
  }
  .evenrowcolor{
      background-color:#c3dde0;
  }
  /* /altrowstable */

  /* hovertable */
  table.hovertable {
      font-family: verdana,arial,sans-serif;
      font-size:11px;
      color:#333333;
      border-width: 1px;
      border-color: #999999;
      border-collapse: collapse;
  }
  table.hovertable th {
      background-color:#c3dde0;
      border-width: 1px;
      padding: 8px;
      border-style: solid;
     border-color: #a9c6c9;
 }
 table.hovertable tr {
     background-color:#d4e3e5;
 }
table.hovertable td {
    border-width: 1px;
     padding: 8px;
     border-style: solid;
    border-color: #a9c6c9;
 }
/* /hovertable */

 </style>

</head> """

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.07.19 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档