在網頁開發中，經常需要在網頁上呈現地圖。為了讓地圖有更好的視覺效果，我們可以使用CSS樣式來對地圖進行美化。下面是一個簡要的示例：

.map {
position: relative;
width: 500px;
height: 500px;
background-image: url('map.jpg'); /* 地圖圖片的文件路徑 */
background-size: cover;
}
.marker {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
background-color: red;
border-radius: 50%;
}

該示例中，我們為地圖和標記點分別定義了CSS樣式。

首先，我們使用了一個名為“map”的CSS類來設置地圖的基本屬性。其中，“position: relative;”用于指定元素的定位方式，讓其他絕對定位的元素可以參照該元素的位置進行定位。同時，還設置了地圖的寬度和高度，并使用了“background-image”屬性來添加地圖圖片。

對于標記點，我們使用了一個名為“marker”的CSS類進行設置。該類定義了標記點的位置、大小、顏色等屬性。為了讓標記點在地圖上居中顯示，我們將其“left”和“top”屬性都設置為50%，并使用“transform”屬性對其進行微調。

通過以上的CSS設置，我們可以在網頁上實現一個簡單的地圖，并讓標記點居中顯示。當然，在實際開發中，我們還需要根據具體需求進行適當的調整和優化。