立体图形制作

 

开发工具与关键技术：css

作者：LD天使

撰写时间：2021/5/26

*采用软件：DW

新人执笔，用词不当，请多指教；

 

1.创建div元素，嵌套四个div子元素；让后三个子元素作为体现立体图形的存在，而第一个子元素则成为阴影；

 

2.写父元素的css样式，要切记给父元素加上定位；

 

3.写子元素的css样式，子元素的具体定位像素可以在浏览器慢慢调整；

有下图效果即可：

4.最后把阴影给加上就完成了；

  同学们也可以根据自己的爱好进行改制，欢迎在评论区讨论。