怎样用html及css实现下图中的布局及效果？
1、网页背景使用颜色#cccccc2、正文为项目列表，使用三层ul嵌套，除了第一层，其他层每层左缩进2个字符位置3、每一项行高26像素4、文字大小为12像素...
1、网页背景使用颜色#cccccc
2、正文为项目列表，使用三层ul嵌套，除了第一层，其他层每层左缩进2个字符位置
3、每一项行高26像素
4、文字大小为12像素 展开
2、正文为项目列表，使用三层ul嵌套，除了第一层，其他层每层左缩进2个字符位置
3、每一项行高26像素
4、文字大小为12像素 展开
展开全部
<html>
<head>
<style>
body
{
background-color:#cccccc;
line-height:26px;
font-size:12px;
}
ul
{
list-style-type:none;
margin-left:1em; //em代表你设置的字体大小，如果你字体大小为12px，那么1em=12px；
}
#frist
{
margin-left:0;
}
</style>
</head>
<body>
<ul id="frist">
<li>第一章</li>
<li>第二章</li>
<ul>
<li>第一节</li>
<ul>
<li>第一小节</li>
<li>第二小节</li>
</ul>
<li>第二节</li>
</ul>
<li>第三章</li>
<li>第四章</li>
</ul>
</body>
</html>
<head>
<style>
body
{
background-color:#cccccc;
line-height:26px;
font-size:12px;
}
ul
{
list-style-type:none;
margin-left:1em; //em代表你设置的字体大小，如果你字体大小为12px，那么1em=12px；
}
#frist
{
margin-left:0;
}
</style>
</head>
<body>
<ul id="frist">
<li>第一章</li>
<li>第二章</li>
<ul>
<li>第一节</li>
<ul>
<li>第一小节</li>
<li>第二小节</li>
</ul>
<li>第二节</li>
</ul>
<li>第三章</li>
<li>第四章</li>
</ul>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<style>
body{
margin:0;
padding:0;
background:#cccccc;
line-height:26px;
font-size:12px;
}
ul{
list-style-type:none;
}
#outside{
list-style-position:outside;
margin-left:-1em;/*FF*/
>margin-left:2em;/*IE*/
}
</style>
</head>
<body>
<ul>
<li>第一章</li>
<li>第二章</li>
<ul id="outside">
<li>第一节</li>
<ul id="outside">
<li>第一小节</li>
<li>第二小节</li>
</ul>
<li>第二节</li>
</ul>
<li>第三章</li>
<li>第四章</li>
</ul>
</body>
</html>
您看看这个可以吗？
<head>
<style>
body{
margin:0;
padding:0;
background:#cccccc;
line-height:26px;
font-size:12px;
}
ul{
list-style-type:none;
}
#outside{
list-style-position:outside;
margin-left:-1em;/*FF*/
>margin-left:2em;/*IE*/
}
</style>
</head>
<body>
<ul>
<li>第一章</li>
<li>第二章</li>
<ul id="outside">
<li>第一节</li>
<ul id="outside">
<li>第一小节</li>
<li>第二小节</li>
</ul>
<li>第二节</li>
</ul>
<li>第三章</li>
<li>第四章</li>
</ul>
</body>
</html>
您看看这个可以吗？
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<ul>
<li>
第一章
</li>
<li>
第二章
<dl>
<dt>第一节</dt>
<dd>11111</dd>
</dl>
</li>
</ul>
<li>
第一章
</li>
<li>
第二章
<dl>
<dt>第一节</dt>
<dd>11111</dd>
</dl>
</li>
</ul>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个不难。
你可以看看这个网站上的HTML和CSS...
希望对你有帮助。
记得采纳哟
你可以看看这个网站上的HTML和CSS...
希望对你有帮助。
记得采纳哟
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
