当前位置: 代码迷 >> HTML/CSS >> div设置多种样式有关问题.
  详细解决方案

div设置多种样式有关问题.

热度:106   发布时间:2013-04-02 12:35:26.0
div设置多种样式问题..
下面是DIV STYLE的一个操作:
=========================================
<style  >

div{
 float:left;
width:250px; height:250px; 
 border:1px red solid;
}

</style>

<body>

<div width:250px;  >div1</div>
<div width:250px;  >div2</div>
<div width:250px; >div3</div>

</body>
==========================================
这样出来的三个层会是横着摆放而且大小一致的,但是我想做中间的大,两边的小的样子
该怎么做...  想着设置ID可能会解决,但是STYLE设置的是DIV的样式,给下面的加了
ID明显不会有作用,要改STYLE,但是...不太清楚怎么改...
HTML DIV STYLE

------解决方案--------------------
你这样写肯定不行了,格式都不对。你试试这下面的吧,可以自己改参数。

<style  >

.div1{
 float:left;
width:250px; height:250px; 
 border:1px red solid;
}
.div2{
 float:left;
width:250px; height:400px; 
 border:1px red solid;
}
.div3{
 float:left;
width:250px; height:250px; 
 border:1px red solid;
}

</style>

<body>

<div class="div1">div1</div>
<div class="div2">div2</div>
<div class="div3">div3</div>

</body>
  相关解决方案