一、一颗div一颗心
用一个div画出一个心,核心的方法就是使用伪元素
首先,我们在页面上先写出一个div
使用CSS,将这个div变为一个橘红色的正方形:
接着我们利用元素的两个伪元素:before和:after,画出一个蓝色的圆和一个黄色的圆,并且将它们的圆心分别定位在正方形的上边和右边。
再来,将刚刚实现的两个圆变成和正方形一样的颜色
最后,将元素div旋转45度,我们要的心形就实现了!就是这么简单
CSS画心形的三种方法,超级简单(二)https://developer.aliyun.com/article/1385357