新手急求？？？html+css的div布局,怎么实现下面图片的布局？？？ 5
2个回答
展开全部
如图，分上下两大块，上面那块分左中右三块，用浮动，下面那个分三块，3个UL
来自PS学堂
追问
非常感谢，能不能详细说下下面用3个ul怎么实现？
追答
感觉用dl,dt,dd会方便些，ul也可以实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body{font-family:"微软雅黑";font-size:16px;}
ul{margin:0;padding:0;width:255px;float:left;margin-right:10px;}
ul li{ list-style:none;margin-bottom:1px;background:#23c2e9;height:30px;line-height:30px;padding-left:20px;}
ul li a{color:#fff;font-weight:bold;text-decoration:none;}
ul li a i{display:inline-block; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#dc1d01;font-size:10px;width:24px;height:18px;font-style:normal;line-height:18px;text-align:center;font-weight:bold;display:none;}
ul li a:hover i{display:inline-block;}
ul li.even{background:#71d1e9;}
ul li:hover{background:#f9910a;}
span.fl{display:inline-block;width:164px;}
</style>
</head>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style> .left{width:10%; float:left; height:150px;} .center{width:80%; float:left; height:150px;} .center1{height:30px;... height:150px;} </style> <div class="left">1</div> <div class="center"> <div class="center1">3</div> <...
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
