使用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
是重要的关键词。