在css里怎么写这个图形?

2025-04-04 04:08:18
推荐回答(2个)
回答1:






js控制元素的显示与隐藏

.inner1{width:600px; height:200px; margin:0 auto; background-color:rgb(56,95,147);}
.inner2{width:0; height:0; margin:0 auto; border-left:300px solid rgb(56,95,147); border-top:100px solid rgb(56,95,147); border-right:300px solid transparent; border-bottom:100px solid transparent;}









做出来的效果是这样子的

思路大体上是这样的:图形其实是由两部分构成,上边是一个正常的div矩形,设置想要的背景色;第二个部分的三角形,把div宽高设置为0,给每个边框单独设置宽度、类型和颜色,把右边和下边的颜色设置为transparent透明,这样就看起来是一个三角形了。要是角度不是自己想要的,可以再调整上下边框的宽度,直到合适为止。

回答2:

用css3的线性渐变

相关问答
最新问答