我们的想法是用边框实现三角形的风格。 因为边框的边框由四个三角形构成。
设置箱子模型！ doctypehtmlhtmlheadmetacharset=' utf-8 ' title/titlestyletype=' text/CSS ' # sanjiaoxing { width :400 px； 高： 40px； border-width: 40px； 边框样式：实体； 边框颜色： redgreenbluebrown； }/style/headbodydivid=' sanjiaoxing '/div/body/html
开始设置三角形！ doctypehtmlhtmlheadmetacharset=' utf-8 ' title/titlestyletype=' text/CSS ' # sanjiaoxing { width :00 px；/*将div的width和height设置为0*/height: 0px； border-width: 40px； 边框样式：实体； 边框颜色： redtransparenttransparenttransparent； 使用transparent隐藏其他边*/}/style/headbodydivid=' sanjiaoxing '/div/body/html
开始设置梯形！ doctypehtmlhtmlheadmetacharset=' utf-8 ' title/titlestyletype=' text/CSS ' # ti xing { width 336020 px； 高： 20px； border-width: 20px； 边框样式：实体； 边框颜色： redtransparenttransparenttransparent； }/style/headbodydivid=' ti xing '/div/body/html