用css3写一个三角形

164 阅读1分钟

创造一个div,并给div添加style样式

div { width: 0; height: 0; border-top: 50px solid red; border-bottom: 50px solid yellow; border-right: 50px solid green; border-left: 50px solid blue; }

写出来就是以下样式

只要黄色部分的三角形,将其他颜色置为透明,代码:

div { width: 0; height: 0; border-top: 50px solid transparent; /*这行去掉也行*/ border-bottom: 50px solid yellow; border-right: 50px solid transparent; border-left: 50px solid transparent; }

红和绿各占一半

感谢各位观看 改编至百度