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

    准备先准备好你的页面和图片，我们使用这张图片：

    我们简单的将HTML写成这样:

    CSS样式可能会是这个样子的:

    下面是一个效果预览：

    设置为相对定位，当我们定位logo的时候，我们希望它的位置是相对于容器的，因此使用相对定位：

    将它定位到盒子的外面现在你需要做的就仅仅是定位logo，将其水平定位，让它从容器中突出出来。
 

    现在，我们就可以看到，logo已经显示在盒子之外了。