您好,欢迎来到舟格财经。
搜索
您的当前位置:首页CSS用border绘制三角形_html/css

CSS用border绘制三角形_html/css

来源:舟格财经


使用border绘制三角形的思路,就是border值设置一个很大的值,这样每边就会显示为四分之一块的三角形。这样不借助图片,可以直接绘制出三角形了。

一个栗子:

效果:

如果设置了块的宽高,还是会呈现边线的效果,每个边线将会是一个等腰梯形,类似于相框:

效果:

利用这个原理,可以绘制不同形状的三角形,例如菜单上常用的右方向等腰直角三角形:

图:

再来一个:

图图:

就到这里了,加油!每天进步一点点。

Copyright © 2019- zougedi.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务