`
jy00314996
  • 浏览: 75779 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

网页设计趋势: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;
}

 

最终效果

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics