Html-DW（3）div & css 设计head

Html代码：

<div id="header">

        <div id="header_t_l">左上</div>

           <div id="header_t_r">右上</div>

           <div id="header_b">底下</div>

        </div>

main.css代码：

#header_t_l{width:80px;height:80px;background-color:#00F;float:left}

#header_t_r{width:848px;height:80px;background-color:#0F6;float:left;padding-left:40px;font-size:12px;line-height:30px}

/*padding-left/top:距离左侧/上侧的距离，字号12，line-height：表示字体的间距是30px*/

#header_b{width:968px;height:20px;background-color:#FF0;float:left;font-size:12px;line-height:30px} 

效果：

实际上现在的网页多数都是大div套小div的

http://edu.51cto.com    来自51cto的教学