p标签: CSS三角排列是Web开发中非常常见的一种技巧。利用CSS的border属性和伪元素:before和:after,我们可以十分简单地创建出各种形状的三角,并且将它们排列成我们想要的形式,使网
.triangle-down { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #333; } .triangle-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #333; } .triangle-left { width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #333; border-bottom: 10px solid transparent; } .triangle-right { width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid #333; border-bottom: 10px solid transparent; }
粉丝
0
关注
0
收藏
0