在網頁開發過程中，經常需要用到地圖來展示地理位置或者線路等信息，而借助CSS技術，我們可以自己設計并制作一個自己風格的地圖。

首先，我們需要獲取到地圖的底圖，這里不再贅述。接下來，我們就可以開始設計我們自己的地圖了。在HTML中，我們可以使用div標簽來構建出地圖的結構：

<div class="map">
<div class="markers marker-1"></div>
<div class="markers marker-2"></div>
<div class="markers marker-3"></div>
</div>

代碼中，我們設計了一個map的div容器來包括整個地圖。而marker-1、marker-2、marker-3的div則代表了我們自定義的三個標記點。接下來，我們就可以通過CSS來更好地美化我們的地圖。

.map {
background-image: url("map.jpg");
background-size: contain;
width: 800px;
height: 600px;
position: relative;
}
.markers {
position: absolute;
width: 20px;
height: 20px;
border-radius:50%;
background-color: #ff7200;
}
.marker-1 {
top: 300px;
left: 400px;
}
.marker-2 {
top: 200px;
left: 600px;
}
.marker-3 {
top: 400px;
left: 200px;
}

代碼中，我們對map進行了背景圖的設置，并將寬度和高度設為了800px和600px，使之與底圖大小相匹配。然后，通過markers類來設置標記點，使其具有絕對定位的屬性，并統一設置了圓形樣式。之后，我們給出了marker-1、marker-2和marker-3三個標記點的具體位置。

最終，通過以上步驟，我們就可以繪制出自己風格的地圖了。同時，我們也可以繼續完善地圖的樣式和交互等功能，實現更加人性化和便捷的地圖展示效果。