本文主要包含蒋欣素颜露小尖脸,小尖镇,小尖,响水县小尖镇,围棋小尖等相关知识,佚名 希望在学习及工作中可以帮助到您
那么,用CSS怎么实现这种效果呢?首先,来写一个简单的代码:
这儿,我们可以得到一个黑色的正方形,其实这是边框组成的,因为div的宽度和高度都是0,。那么,我们具体来看看,div宽度和高度都是0时,它的上下左右四边框都是怎样的,下面我们把边框的各边颜色分别设置为不同颜色:
我们发现,原来当div的宽度和高度都是0的时候,它的整个边框是由四个三角形组成的,每一边为一个三角形,那么我们就可以利用这个特点,来做可爱的小尖角了。我们只要把不需要的三边的边框(三角形)的颜色设置为与背景相同即可,这样就只能看到你想要的那个三角形了,然后再利用定位调整一下位置就可以了。具体代码如下所示:
大功告成,效果如下图: