<menuitem id="ukgmv"><menu id="ukgmv"></menu></menuitem>
  • <div id="ukgmv"></div>
    <li id="ukgmv"></li>
  • <progress id="ukgmv"><tr id="ukgmv"></tr></progress>
  • <progress id="ukgmv"><tr id="ukgmv"></tr></progress>
    快网首页 | 虚拟主机 | 域名注册 | 特惠套餐 | SQL空间 | IDC业务 |
  • <div id="ukgmv"></div>
    <li id="ukgmv"></li>
    <menuitem id="ukgmv"><menu id="ukgmv"></menu></menuitem>

     您的位置:快网首页 >> 客服?#34892;?/a> >> 知识学堂 >> 网页设计 >> 文章正文

    CSS+DIV实现鼠标经过背景变色
    供稿:润之康   时间:2009-2-11 22:32:43

        方法一

    #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>
    .d_over{background-color:#307172;}
    .d_out{background-color:#EFEFEF;}
    </style>

    <div class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'">哈哈哈哈哈</div>
     


        <a>的标签是可以,可是,这样子会导致其它带有<a>标签的也跟着变色。

        一般<a>是用来定义链接的样式的,并不是定义某个区域的。现在常用的div+css的网页用,div就是表示区域的意思,还是?#19981;?#29992;这种,当然用table的话,会有更简单的方法。

    其实现在用的较多的是用<a>标签实现的。

    <style>
    a {color:red; width:100px; height:22px; line-height:22px;}
    a:hover {background:#f4f4f4; color:#000;}
    </style>


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

     


    快网保留以上说明的最终解释权
    快网,域名注册,虚拟主机,ASP空间,企业?#31034;?SQL空间,主机租用,主机托管
       
    热门搜索:FTP 域名 DNS 备案 空间 邮箱 SQL 主机 快网 中文域名 虚拟主机
    快网,域名注册,虚拟主机,ASP空间,企业?#31034;?SQL空间,主机租用,主机托管
    快网客服?#34892;?#30340;相关信息:
    v [Html/Css]超链接访问过后hover样式就不出现的问题 [2016-1-12 16:24:36]
    v php代码漏洞发包攻击解决方案 [2011-5-5 16:08:18]
    v 让css使网页?#35745;?#21322;透明 [2009-3-18 14:32:21]
    v 用CSS的Border属性制作特效菜单 [2009-3-18 14:15:19]
    v 在网页中插入CSS [2009-3-18 14:14:21]
    快网,域名注册,虚拟主机,ASP空间,企业?#31034;?SQL空间,主机租用,主机托管

    :::::: | 收藏本站 | 关于我们 | 客服?#34892;?/a> | 付款方式 | 联系我们 | 网站律师 | 工作机会 | 网站地图 | 产品管理 | ::::::

    Copyright (C) 2003-2008 天津追日科技发展有限公司  Cnkuai.cn  快网.cn  中国快网.cn
    山西福彩快乐十分根号
  • <menuitem id="ukgmv"><menu id="ukgmv"></menu></menuitem>
  • <div id="ukgmv"></div>
    <li id="ukgmv"></li>
  • <progress id="ukgmv"><tr id="ukgmv"></tr></progress>
  • 神秘的百慕达在线客服 金皇冠中国大酒店盔甲 北京赛车pk拾吧 正中红心投注 火箭vs快船 七海的主权援彩金 重庆时时彩计划 稳定版 热火vs步行者季后赛 hi彩分分彩走势图 极速抢钱登陆