天津11选5开奖走势:wordpress利用css樣式實現鼠標移到表格上背景高亮顯示

作者: 魯智深 分類: wordpress 發布時間: 2013-07-23 23:34

天津11选5中奖结果 www.ebzvaz.com.cn 在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

      啊~~~沒注意是大神你??!

發表評論

電子郵件地址不會被公開。 必填項已用*標注