Question

CSS样式怎样实现Logo立体盒子效果

Answer 1

CSS样式可能会是这个样子的:body{background:#999;}
#container{
width:960px;
background:#fff;
margin:20px auto;
padding:10px;
} 下面是一个效果预览： 设置为相对定位，当我们定位logo的时候，我们希望它的位置是相对于容器的，因此使用相对定位：
#container{
width:960px;
background:#fff;
margin:20px auto;
padding:10px;
position:relative;
} 将它定位到盒子的外面现在你需要做的就仅仅是定位logo，将其水平定位，让它从容器中突出出来。
#logo{position:absolute;