当前位置:编程学习 > html/css >>

CSS中<LI><a> LI是一个与DIV框一样的吗(性质)

<li>本身有背景颜色,我让鼠标经过<a>或<li>区域时有一个图规换掉 如图,经过时出现红色的一个图片
追问:#menu  ul  a:hover{ background:url(shouye.png);color:#fff;}就这么编的,就变成如图那样,我不知道,是不是,代码认为是文字,不认块级元素,还是什么弄不懂~~我加你了 给你留言了,你看什么时候 有时间?
答案:<li> 标签定义列表项,有序列表和无序列表中都使用 <li> 标签。
和div框性质差不多,也可以代替表格来布局
给<li>标签设置一个属性
.tabin{background-color:red;}
<li  id=“li1”><a href="#" onmouseover="showdiv(1)">牛仔裤</a></li>
<script type="text/javascript">
function showdiv(1){
document.getElementById("li1").className="tabin";
}
</script>  
希望能够帮到你...
其他:li可以用css来选择 如果是div也可以 不过重复用div必须给 class名称 
所以li方便 其他的有dl dd dt  ol li p span 设置padding为0后 作用就相等了 a:hover属性就可以 这个要用a:hover然后再添加红色背景;
用li:hover这个在IE6是不支持的;
还有一种方法是可以是用jquery来实现,比如$(this).hover(); LZ是要问二者的性质还是要问图中的功能是如何显示的?前者的话,二者的性质是一样的,都是属于块级元素,你不懂可以zzzyk搜搜块级元素的相关内容;后者的话,要实现这种效果的话,是通过CSS伪类实现,主要的伪类有
a:link {}	                /* 未访问的链接 */
a:visited {}	/* 已访问的链接 */
a:hover {}	              /* 鼠标移动到链接上 */
a:active {} 	/* 选定的链接 */
用法LZ可以查看相关内容,注意它们之间的使用有哪些规则。

上一个:请问个人想学习html、css、php、mysql 混着学习可能吗?
下一个:asp.net 可以CSS样式全部放在主题里面行不,能简单解释一下吗?谢谢各位高手捧场!

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,