怎样用CSS做出如图片效果的嵌套项目列表样式,请说的详细点,最好可以把代码都打出来,谢谢。。。。。。。
发布网友
发布时间:2022-04-06 12:04
我来回答
共3个回答
热心网友
时间:2022-04-06 13:33
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title></title>
<style type="text/css">
#u1{}
#u1 li:hover #u2{
display:block}
#u1 li:hover{
cursor:pointer;}
#u2{
display:none;
}
</style>
</head>
<ul id="u1">
<li>植物
<ul id="u2">
<li>苹果</li>
<li>苹果</li>
<li>苹果</li>
</ul>
</li>
<li>植物
<ul id="u2">
<li>苹果</li>
<li>苹果</li>
<li>苹果</li>
</ul>
</li>
<li>植物</li>
</ul>
<body>
</body>
</html>
图片效果的嵌套样式?什么意思?你是指鼠标?
热心网友
时间:2022-04-06 14:51
<ul>
<li>动物
<ul style="list-style-type:circle"> 设置样式为圆
<li>熊猫</li>
<li>大象</li>
<li>长颈鹿</li>
</ul>
</li>
<li>植物</li>
<li>微生物</li>
热心网友
时间:2022-04-06 16:26
<ul>
<li></li>
</ul>