使用css边框属性画三角性

详细请点击：http://www.verydemo.com/demo_c104_i21341.html

 css边框并不是一个矩形。看下面的代码：

2.     
3.         
12.         
14.     
15.     
16.         
17.         
18.     

截图如下：

 

....................................................................

 

 

所以如果我们让其他三个边的颜色跟背景色一样，一个边框跟背景色不同，那么三角形不就出来了吗？代码如下：

 

2.     
3.         
12.         
14.     
15.     
16.         
17.         
18.     

效果如下：

 

那么如何画出普通的三角形呢？修改下border-width就行啦。代码如下

 

2.     
3.         
11.         
13.     
14.     
15.         
16.         
17.     

效果如下：

 

 

Buru的技术之路