三角样式实现

发表于   |   分类于

实现方式1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
background: #fff;
border-bottom: 1px solid #efefef;
border-left: 1px solid #efefef;
top: 20px;
content: ‘’;
display: block;
left: 0px;
height: 12px;
margin: 0 0 0 -7px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 12px;

待更新

注:文章中可能有很多错误，也有可能出现无法使用的情况，因为此技术博文是我的学习笔记，我只是记载一些看到或者想到东西，所以我不推荐你来按照该博文的内容进行直接使用。谢谢~~