有关网页制作.如何用<DIV>布局,做出三行三列?不用表格.
2个回答
展开全部
不知道你说的是哪种。。。。我两种都说一下
一种是你没开始布局,那最简单了。。。直接拉动就是,不过在属性里面要标好宽高
还有一种就是在已布局的方框内,拉出一个框后按住CTRL继续拉。。。拉出9个就OK了
不早说用到样式 =。= 楼下的很详细 =。=
一种是你没开始布局,那最简单了。。。直接拉动就是,不过在属性里面要标好宽高
还有一种就是在已布局的方框内,拉出一个框后按住CTRL继续拉。。。拉出9个就OK了
不早说用到样式 =。= 楼下的很详细 =。=
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
方法很多,比如:
<style type="text/css">
<!--
ul{
margin:0;
padding:0;
}
li{
list-style:none;
}
#h1,#h2,#h3 {
height: 50px;
width: 900px;
}
#h1 li,#h2 li,#h3 li{
float:left;
height:50px;
width:300px;
}
.ys1{
background-color:#000000;
}
.ys2{
background-color:#FF00FF;
}
.ys3{
background-color:#0000FF;
}
-->
</style>
<div id="h1">
<ul>
<li class="ys1">1</li>
<li class="ys2">2</li>
<li class="ys3">3</li>
</ul>
</div>
<div id="h2">
<li class="ys3">1</li>
<li class="ys1">2</li>
<li class="ys2">3</li>
</div>
<div id="h3">
<li class="ys2">2</li>
<li class="ys3">3</li>
<li class="ys1">1</li>
</div>
<style type="text/css">
<!--
ul{
margin:0;
padding:0;
}
li{
list-style:none;
}
#h1,#h2,#h3 {
height: 50px;
width: 900px;
}
#h1 li,#h2 li,#h3 li{
float:left;
height:50px;
width:300px;
}
.ys1{
background-color:#000000;
}
.ys2{
background-color:#FF00FF;
}
.ys3{
background-color:#0000FF;
}
-->
</style>
<div id="h1">
<ul>
<li class="ys1">1</li>
<li class="ys2">2</li>
<li class="ys3">3</li>
</ul>
</div>
<div id="h2">
<li class="ys3">1</li>
<li class="ys1">2</li>
<li class="ys2">3</li>
</div>
<div id="h3">
<li class="ys2">2</li>
<li class="ys3">3</li>
<li class="ys1">1</li>
</div>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询