CSS3的強大特性可以讓我們輕松繪制出各種形狀和圖案，其中包括地圖的大洲邊框。下面，我們來一步一步的看看如何使用CSS3繪制地圖的大洲邊框。

/* Step 1：創建一個div容器，并設置寬高以及背景色 */
div{
width: 500px;
height: 300px;
background-color: #eee;
}
/* Step 2：在div容器中，創建一個父級元素，并設置成相對定位 */
div >.continents{
position: relative;
}
/* Step 3：在父級元素內創建一個子元素，并設置為絕對定位 */
div >.continents >.continent{
position: absolute;
}
/* Step 4：為每個子元素（大洲）分別設置樣式 */
div >.continents >.continent:nth-child(1){
width: 400px;
height: 200px;
background-color: #0c7eaf;
border-radius: 50%;
top: 50px;
left: 50px;
box-shadow: 0 0 10px #666;
}
div >.continents >.continent:nth-child(2){
width: 200px;
height: 150px;
background-color: #74b547;
border-radius: 50%;
bottom: 0;
right: 0;
box-shadow: 0 0 10px #666;
}
/* Step 5：最后，我們給每個大洲添加邊框 */
div >.continents >.continent::before{
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
border: 5px solid #fff;
top: -5px;
left: -5px;
border-radius: 50%;
z-index: -1;
}

通過以上步驟，我們就可以繪制出兩個不同顏色的大洲邊框。當然，如果我們需要繪制更多的大洲，只需要按照以上步驟不斷添加對應的樣式即可。