首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2013-04-02 
div设置多种样式问题..下面是DIV STYLE的一个操作:stylediv{

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>

热点排行