首页 > 代码库 > 边框小妙用

边框小妙用

一 对话框小尾巴

先上图

 

当然,可以用ps做,但是事实上下面小三角可以看作一个带有border的空div或:before :after之类的,父relative 子absolute ,调到如此位置

 

 

 

 

 

 

 

然后左右下都给透明了,如下,就ok了

 

 

 

border-top: 10px solid #111;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent;

 

边框小妙用