---
title: 17-CSS3的常见边框汇总
publish: true
---
## CSS3 常见边框汇总
```html
CSS3 边框
```
效果如下:
![](http://img.smyhvae.com/20180208_1730.png)
## 爱心
```html
```
效果如下:
![](http://img.smyhvae.com/20180208_1737.png)
它其实是下面这两个盒子叠起来的:
![](http://img.smyhvae.com/20180208_1738.png)
改变 `.heart::after` 的 left值,即可叠起来。