css最高显现图形 |css环形渐变

.shape {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}

以上代码可以用CSS实现一个三角形，其中width和height控制了三角形的宽高，border-left，border-right和border-bottom则控制了三角形的边框样式和颜色。这是CSS实现三角形的最基本方法。

.rectangle {
width: 100px;
height: 50px;
background-color: blue;
}

除了三角形，矩形也是常见的图形，用CSS实现也不困难。通过设置矩形的宽高和背景颜色，一个基本的矩形就完成了。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: green;
}

如果需要实现圆形，则可以通过border-radius属性来实现。border-radius可以控制边框的圆角半径，设置50%则可以让一个矩形变成圆形。此时，矩形的宽高需要相同，否则结果可能不是圆形。

除了上述三种基本的图形，CSS还可以实现梯形、多边形、星型等复杂的图形效果，这就需要对CSS有更深入的理解和掌握。在实际开发中，大家可以通过参考CSS手册和相关网站来实现大家所需的图形效果。