这个效果不能直接用在<a>标签里？该怎么处理-HTML教程-爱易网页

这个效果不能直接用在<a>标签里？该怎么处理

日期：2014-05-17　浏览次数：20828 次

这个效果不能直接用在<a>标签里？
<html>
<head>
<style type= "text/css ">

</style>
<title> test cover
</title>
</head>
<body>
<p id= "c ">
<a href= "# "> hello </a>
</p>
</body>
</html>

=========
2.gif是一个长135px,宽50px的图像
他是这样形式的
|----红---------|
------蓝---------
|----------------|
我想实现的是，当把鼠标放在这链接上时，通过
background:url(2.gif) no-repeat bottom left;
就使用蓝色的背景．

但我怎么
上面这些样式要放在
<p> 标签里才行呢，

我直接
＜a href= "# " id= "c "> hello </a>
这样他的背景为什么不会变呢？

------解决方案--------------------
<html>
<head>
<style type= "text/css ">

</style>
<title> test cover
</title>
</head>
<body>
<p>
<a href= "# "> hello </a>
</p>
</body>
</html>
------解决方案--------------------
#c a:hover {}
改成
#c:hover {}
------解决方案--------------------
#c a:hover {}

楼主明白这是什么意思么？

------解决方案--------------------
x:hover 是鼠标移到x元素上的样式
a:hover 是鼠标移到链接上的样式
#c:hover 是鼠标移到 id 为 c 的元素上的样式
同理 .c:hover 就是鼠标移到 class 为 c 的元素上的样式

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

这个效果不能直接用在<a>标签里？该怎么处理

相关资料更多>

推荐阅读更多>