.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: yellow;
}
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid blue;
}
.rectangle {
width: 150px;
height: 100px;
background-color: green;
}
以上代码是用CSS画出简单的圆形、三角形和矩形的样例。大家可以通过设置不同的宽度、高度、颜色等CSS属性,创造出更加丰富的形态。
此外,大家也可以结合HTML的<div>
标签,通过给不同的<div>
设置不同的CSS属性,再将它们拼合在一起,来创造出更加复杂的图形。
总之,CSS不仅能够装点大家的网站,还可以令它更加生动有趣。大家可以尝试着使用CSS来画出不同的简笔画,为自己的网站增添一份独特的艺术风格。