九州下载 - 系统安卓苹果手机游戏推荐下载网站!

当前位置:九州下载 > 建站问答 >

CSS如何绘制三角形

时间:2023-02-25 13:51编辑:九州下载来源:www.wzjsgs.com

绘制方法

1、画出三角形的原理是调整border(边框)的四个方向的宽度,线条样式以及颜色。

2、如果将宽度调的足够大,改变不同方向的颜色,就可以发现盒模型的border是四个梯形一样的线条。

实例

div{
border-top:50pxsolidyellowgreen;
border-bottom:50pxsoliddeeppink;
border-left:50pxsolidbisque;
border-right:50pxsolidchocolate;
}

以上就是CSS绘制三角形的方法,希望对大家有所帮助。

相关文章