Littlest things

第一篇博客

发表于 | 分类于 |

写在开头

以前也写过博客，当时在阿里云上买的学生机，然后用的wordpress搭建的。
但是学生机过期了，我也备份了我的文章放在电脑上，但是电脑坏了一次，导致什么都没有了。
最近又想折腾一个博客了，就用hexo折腾了一个。
希望自己可以坚持编写，记录编程和生活中的琐事 。

CSS画图

作为第一篇博客，我用CSS画一张笑脸纪念一下。

1
<div class="smile icon"><i></i></div>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
.smile.icon{
         position: relative;
         width: 20px;
         height: 20px;
         display: inline-block;
         border: 1px solid black ;
        border-radius: 50%;
     }
     .smile.icon:before{
         position: absolute;
         top:3px;
         left: 2px;
         content: '';
         width: 5px;
         height: 5px;
         display: inline-block;
         border: 1px solid black ;
         border-radius: 50%;
     }
     .smile.icon:after{
         position: absolute;
         top:3px;
         right: 2px;
         content: '';
         width: 5px;
         height: 5px;
         display: inline-block;
         border: 1px solid black ;
         border-radius: 50%;
     }
     .smile.icon i{
         position: absolute;
         left: 4px;
         top: 5px;
         width: 10px;
         height: 10px;
         border-radius: 50%;
         border-top: solid 1px transparent;
         border-bottom: solid 1px black;
         border-left: solid 1px transparent;
         border-right: solid 1px transparent;
     }