CSS中，對角梯形浮動也常用于一些特殊情況，比如需要展示產(chǎn)品或宣傳內(nèi)容，但又不想用常規(guī)的矩形，這時候?qū)翘菪胃泳涂梢耘缮嫌脠隽恕?/p>

.trapezoid{
width: 200px;
height: 0;
border-bottom: 100px solid blue; /*下邊*/
border-left: 50px solid transparent; /*左邊*/
border-right: 50px solid transparent; /*右邊*/
float: left;
}

這是對角梯形浮動的基本寫法，實現(xiàn)方法很簡單，我們對一個div設(shè)置寬度，而高度為0，然后通過設(shè)置邊框，下邊框為實心，左右兩邊分別為透明，這樣就可以實現(xiàn)對角梯形的效果。最后加上浮動，就可以完美展示了。

對角梯形浮動不僅可以用于制作導(dǎo)航欄或者內(nèi)容展示，還可以通過改變顏色及邊框的粗細顏色，實現(xiàn)更多想象力的的展現(xiàn)。使用方式簡單，效果獨特，十分值得一試。