《纯CSS 画梯形》正文开始,本次阅读大概7分钟。
梯形制作过程中,涉及到border-left /right transparent(背景透明) 还需要图形的宽度代码如下:
divid=oricl/div divid=oricl1/div
#oricl{ border-bottom:100pxsolidred; border-left:50pxsolidtransparent; border-right:50pxsolidtransparent; height:0; width:100px; } #oricl1{ margin-top:20px; border-top:100pxsolidred; border-left:50pxsolidtransparent; border-right:50pxsolidtransparent; height:0; width:100px; }