当前位置:Gxlcms > html代码 > CSS用border绘制三角形_html/css_WEB-ITnose

CSS用border绘制三角形_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:30人阅读

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

一个栗子:

效果:

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

效果:

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

图:

再来一个:

图图:

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

人气教程排行