wordpress利用css样式实现鼠标移到表格上背景高亮显示

作者: 鲁智深 分类: wordpress 发布时间: 2013-07-23 23:34

在wordpress中插入表格的方法已经在wordpress代码实现插入表格一文中讲到过,但是有的主题开发者,在开发主题时没有写上相对应的css样式,下面博主贴上表格的css样式代码:

table{width:100%;background: none repeat scroll 0 0 #F7F7F7;}
table, .article_content th, .article_content td{border:1px solid #ddd;line-height:14px;font-size:12px;}
table tr:hover{background:#5599FF;}
th, .article_content td{padding:2px}
th{background:#f9f9f9}

以上的css样式需要配合主题style.css来使用。

表格高亮显示

表格高亮显示

单单这种形式可能满足不了客户要求,所以楼猪就利用css样式实现表格高亮显示。由于浏览器的不断完善,ie也慢慢迎合主流的编程语言,所以此方法在ie9以上的浏览器均可以达到高亮显示效果!

(注:互联网的方法有很多,js,css都有,但是大多过时)

实现方法:

其实方法已经在上面的代码中写出来了如下:

:hover{background:#5599FF;}

在想要实现的表格css样式插入如上代码。

效果图:渤海商品交易所7月23日交收信息延补费

赶紧制作表格吧!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

3条评论
  • IT博客网志

    2013 年 7 月 24 日 09:19

    看你博客天天更新,为何快照不更新?

    1. 中盾现货

      2013 年 7 月 24 日 09:28

      快照在一个月内更新都是正常,我的站基本谷歌来流量,稳定就行了。

    2. 中盾现货

      2013 年 7 月 24 日 12:29

      啊~~~没注意是大神你啊!

发表评论

电子邮件地址不会被公开。 必填项已用*标注