请教div 叠放层次

html-css09

请教div 叠放层次,第1张

<div id="header">

<div id="logo">图片</div>

<div id="search"><input type="text" /></div>

</div>

#header{position:relativewidth:900pxheight:100px}

#logo{position:absoluteleft:10pxtop:10pxz-index:1}

#search{position:absoluteleft:10pxtop:10pxz-index:2}

这样就可以了,方位可以更改left和top,层叠顺序可以通过更改z-index,数字越大,就放在越上面

写一个div，css，id样式中写#div {background:url("img.jpg") no-repeat}可用background-position来控制背景图片的位置，form也用div框起来，用样式控制，如margin和padding（都有上下左右）或是空格&nbsp；（html中代表空格）。框框的颜色属性就难了。我以自己知识还解决不了，高手上吧。