css不规则的图片 |css用图像替换标题

.shape {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-right: 100px solid #3cba54;
}

例如，上面的代码可以创建出一个三角形的不规则形状图片，通过border属性可以控制图片的上下和左右边框的大小、颜色、样式等属性，改变宽高属性可以调整三角形的大小。

.circle {
width: 70px;
height: 70px;
border-radius: 50%;
background-color: #3cba54;
transform: rotate(45deg);
}

另一个例子，上述代码可以创建出一个旋转的圆形不规则形状图片。通过设置宽高属性、边框半径属性和背景颜色属性，可以控制圆形的大小、颜色和样式等属性。通过transform属性来控制图片的旋转角度。

总之，利用CSS技术可以创建出各种形状的图片，让网站的设计更具创意和想象力。