读书人

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

发布时间: 2013-04-02 12:35:26 作者: rapoo

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>

读书人网 >CSS

热点推荐