要使用 CSS 绘制类似地图标点的图形,可以使用圆形来模拟标点。使用 CSS 的 border-radius
属性可以将矩形变成圆形,并使用 background-color
属性设置圆的颜色。
例如,下面的代码可以创建一个大小为 50px 的红色圆形:
.map-marker {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: red;
}
你还可以使用 box-shadow
属性为圆添加阴影,或者使用 border
属性在圆周围添加边框。
注意,如果你想要创建一个真正的地图标点,可能还需要使用其他技术,例如使用纯 HTML 和 CSS 创建箭头等。