使用CSS绘制简单图形可以通过以下属性和值实现:
width和height属性指定矩形的宽度和高度,使用background-color属性指定矩形的填充色。div {
width: 100px;
height: 50px;
background-color: #ff0000;
}
border-radius属性指定圆角的半径,可以将正方形变为圆形。div {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #ff0000;
}
border属性指定三角形的边框,其中一个边框设置为透明,另外两个边框设置为非透明。div {
width: 0;
height: 0;
border: 50px solid transparent;
border-top-color: #ff0000;
}
border属性指定元素的边框,可以设置边框的样式、宽度和颜色。div {
border: 3px solid #ff0000;
}
以上是CSS绘制简单图形的基本方法,其中width、height、background-color、border-radius和border是重要的关键词。