当前位置: 首页 > Web前端 > CSS

[前端技巧]使用border绘制三角形和梯形

时间:2023-03-30 17:25:09 CSS

border是围绕元素内容和padding的一条或多条线,border属性允许指定元素边框的样式、宽度和颜色值:border-widththicknessnone/hidden/solid/dashed/dottedborder-colorcolor默认颜色为fontcolorborder-style类型可以综合写为:border:widthcolorstyle注意:边框是画在背景上的,所以。一些透明背景会与边框重叠。总结:1.设置一个带颜色的边框,设置旁边两侧的边框颜色为透明,对面不设置边框,三角形指向没有设置边框的方向(如6,7)2.setaborderwithcolor,设置边的边框颜色透明,其他两侧的边框不设置(比如案例8,去掉上边框图7中的情况)