用CSS制作三角形和按钮的简单实例

效果如下：

接下来，我分享一种按钮的做法

主要是利用边框样式、盒子阴影和伪类效果来实现的

源代码：

1.   
2.   
3.   
4.       
5.       
6.       
7.     .btn{   
8.         width:100px;   
9.         height:100px;   
10.         background:#ccc;   
11.         border-radius:50%;   
12.         box-shadow:5px 5px 10px #000;      
13.     }   
14.     .btn:active{   
15.         background:#bbb;   
16.         box-shadow:5px 5px 10px #000 inset;       
17.     }   
18.     .btn div{   
19.         font-size:30px;   
20.         font-family:"微软雅黑";   
21.         color:blue;   
22.         float:left;   
23.         margin-top:28px;   
24.         margin-left:20px;   
25.     }   
26.       
27.   
28.   
29.       
30.           
31.             
    开始
      
32.           
33.