网页设计趋势：Out Of The Box

这是一个创造性的流行趋势。 这很简单了，但增加了一个额外的要素的性质和独特的设计。

看看如何执行这一'开箱'技术

首先设置您的网页和图片。 我使用此图片 

这是Html

  

<div id="container">
<img id="logo" src="logo.png" alt="Lee Munroe" />
</div>

 

CSS

 

body{
background:#999999;
}

#container{
width:960px;
background:#fff;
margin:20px auto;
padding:10px;
}

 

下面是一个预览

 

定位成 relative

#container{
width:960px;
background:#fff;
margin:20px auto;
padding:10px;
position:relative;
}

 

最后

#logo{
position:absolute;
left:-15px;
}

 

最终效果