1.关于css div的内联样式的hover背景写法
<html>
<head>
<style type="text/css">
ul{list-style:none; height:100px; background:red;}
li{float:left; width:80px; height:30px; line-height:30px; text-align:center;}
ul li a{display:inline-block; width:80px; height:30px; }
ul li a:hover{background:yellow;}
</style>
</head>
<body>
<ul>
<li><a href="#" >;网站首页</a></li>
<li><a href="#" >;网站首页</a></li>
<li><a href="#" >;网站首页</a></li>
<li><a href="#" >;网站首页</a></li>
</ul>
</body>
</html>
少年 看看是不是这样。
2.html中,标签的hover样式如果是直接写在html的标签中(也不是
准备的材料有:计算机、HTML编辑器、浏览器。
1、首先,打开HTML编辑器,创建一个新的HTML文件,比如index.HTML,并编写问题的基本代码。
2、在index.html中的<a>;标签,输入js代码中的style属性中输入:hover{color: #0a6aa1}。
3、浏览器运行index.html页面,鼠标移动到div123。123的颜色会根据hover的定义而改变。
按照如上步骤即可解决问题。
3.请教一下css中的 a.hover 具体详细写法 我怎么弄都没效果
先来说一下你上面的代码错误:
#a1.hover
应为:
.a1:hover
在你上面并没有 “a1”的ID,只有class的,其次是,hover 前是用冒号“:”而不是一点“.”
再来就是实现你说的那效果,在你上面的代码基础上,再加上下面代码即可:
.a1{width:100%;height:100%;}
.a1:hover img{display:none;}
注:请把你上面的:#a1.hover 改成:.a1:hover
虽然是可以实现,但为啥不直接在 a 上放原始图片?而把图片话在 img 上面?