Css制作立方体

        立方体它是有六个面的,并且它的每个面都是相同大小的。我们在去设置正方体的时候首先得去把它的这六个面给设置出来，这六个面它想要呈现出一个正方体的效果，那么它肯定是在一个具有空间感的父元素里面的。参考下图图1、图2、图3

                                                                         

图1立方体

                                                                    

图2代码

图3浏览器效果

        我们把父元素相对于浏览器窗口定位于居中位置，这里注意给父元素一个高度，也就是html,body。我把六个li设置成跟ul一样大小，打开浏览器它们会默认自上而下一排显示，见图4、图5

图4代码