__|css绘制三角形的原理|__
798057081 发表于 2015-5-29 17:26:00
 
< charset="UTF-8">

1.三角形的最终效果

第一步,四个边框线50像素,高度宽度都为0, 可以看出每个边框都是个三角形,四个边框组成了正方形

第二步, 我们试着去掉一条边框,我们去掉下边框发现原来是正方形的色块底部被截掉了1/2

第三步,这个时候我们隐藏左边和右边的边框线就绘制出了三角形ps:这里是隐藏边框,如何去掉两条边框就绘制不出有规则的图形了。不明白的可以做实验试验一下

同理,如果我们想做出三角形的箭头,箭头对应方向的边框线去掉(不设置),隐藏两边的边框就可以实现

 
发表评论:


http://riyueweiyi.tyblog.com/index.shtml

<<  < 2015 - >  >>
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

博客公告

最新发表

 
最近评论

 
最新留言

 
用户登录

 
我的相片

 
我的圈子

 
我的好友

 
友情连接

 


 

 


 

天涯博客 www.tyblog.com 版权所有

天涯博客欢迎您!