實現鼠標經過背景變色的方法有很多,今天我們介紹的是用CSS+DIV實現的方法。
方法一
以下為引用的內容: #div:hover{background:#000000;} |
解釋:鼠標經過id為div的元素時背景變色
IE6.0、Firefox2.0、Opera 9.23都不行
方法二
以下為引用的內容: <div onmouseover="this.style.backgroundColor='#F4F9FD'" onmouseout="this.style.backgroundColor='#FFFFFF'"></div> |
方法三:
以下為引用的內容: <style> <div class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'">哈哈哈哈哈</div> |
<a>的標簽是可以,可是,這樣子會導致其它帶有<a>標簽的也跟著變色。
一般<a>是用來定義鏈接的樣式的,并不是定義某個區域的。現在常用的div+css的網頁用,div就是表示區域的意思,還是喜歡用這種,當然用table的話,會有更簡單的方法。
40個可愛粉色兒童房設計裝修設計2018-04-22
100款國外食品包裝設計集包裝設計2017-07-17
40幅日本海報設計作品海報設計2017-07-04
46款茶品牌和包裝設計欣賞包裝設計2017-04-14
20款現代簡約風格名片設計名片設計2016-04-18
59款日本優秀logo設計欣賞標志設計2016-03-29
10個CSS簡寫/優化技巧CSS教程2013-06-04
css的margin縮寫方式CSS教程2012-05-23
CSS網頁布局時常犯的幾種CSS教程2009-09-28
CSS浮動屬性Float詳解CSS教程2009-09-17
CSS定位屬性Position詳解CSS教程2009-09-17
CSS布局教程:絕對定位和相CSS教程2009-07-15