就拿知识那一块为例,图标与知识放在一个div内,右边的文字连再放在一个div内,之前2个div是平级的,都设定好宽度左浮动,然后再再里面做细分就行了
其实div+css有点像我们小时候玩的俄罗斯方块积木,这需要我们发挥想象来排列div的组合方式
追问高手求解,那代码怎么写
追答<style type="text/css">
.box01{ float:left; width:40px; height:60px;}
.icon01{ width:40px; height:40px; text-align:center; font:14px/40px '宋体'; color:white; background:#f64269;}
.icon01_font{text-align:center; font:bold 14px/20px '宋体'; color:#f64269;}
.box02{float:left; width:130px; height:60px; margin-right:70px;}
.box02_font{text-decoration:none; font:12px/20px '宋体'; color:black; margin-left:5px; white-space:nowrap;}
</style>
</head>
<body>
<div class="box01">
<div class="icon01">图标</div>
<div class="icon01_font">知识</div>
</div>
<div class="box02">
<a href="#" class="box02_font">装修知识</a>
<a href="#" class="box02_font">装修风水</a>
<a href="#" class="box02_font">装修流程</a>
</div>
<div class="box01">
<div class="icon01">图标</div>
<div class="icon01_font">房子</div>
</div>
<div class="box02">
<a href="#" class="box02_font">儿童房</a>
<a href="#" class="box02_font">书房</a>
<a href="#" class="box02_font">卫生间</a>
<a href="#" class="box02_font">厨房</a>
</div>
</body>
大概写了一个例子,你应该能看懂的
本回答被提问者采纳