>  기사  >  웹 프론트엔드  >  DIV+CSS鼠标经过背景变色方法大全_html/css_WEB-ITnose

DIV+CSS鼠标经过背景变色方法大全_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 12:30:111892검색

实现鼠标经过背景变色的方法有很多,今天我们介绍的是用CSS+DIV实现的方法。
方法一
以下为引用的内容:
#div:hover{background:#000000;} 

解释:鼠标经过id为div的元素时背景变色
    IE6.0、Firefox2.0、Opera 9.23都不行
方法二
以下为引用的内容:

onmouseout="this.style.backgroundColor='#FFFFFF'">
 

方法三:
以下为引用的内容:

onmouseout="this.className='d_out'">哈哈哈哈哈
 

的标签是可以,可是,这样子会导致其它带有标签的也跟着变色。
一般
是用来定义链接的样式的,并不是定义某个区域的。现在常用的div+css的网页用,div就是表示区域的意思,还是喜欢用这种,当然用table的话,会有更简单的方法。

其实现在用的较多的是用标签实现的。
以下为引用的内容:
 

这样只要是代连接的都会变哦,你可以在某区域用,则某区域里面的所有来连接的都会鼠标经过变色。

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.