1. 首页
  2. 考试认证
  3. 软考等考
  4. CSS画心形的三种方法

CSS画心形的三种方法

上传者: 2020-12-17 07:56:01上传 PDF文件 127.16KB 热度 8次
下面,介绍三种CSS画心形的方法。实现过程都非常简单,保证你一看就会。 1.一颗div一颗心 用一个div画出一个心,核心的方法就是使用伪元素。 首先,我们在页面上先写出一个div: 使用CSS,将这个div变为一个橘红色的正方形: div { position:relative; top: 100px; left: 50%; width: 100px; height: 100px; background-color: tomato; } 接着我们利用元素的两个伪元素:before和:after,画出一个蓝色的圆和一个黄色的圆,并且将它
下载地址
用户评论