網站開發中，css 是一個非常重要的技術，可以用于實現各種各樣的效果，包括地圖的繪制。這里介紹一下如何使用 css 實現四川地圖。

/* 定義四川地圖的樣式 */
#map {
width: 700px;
height: 500px;
position: relative;
background-image: url('sichuan-map.png');
}
/* 添加城市標記 */
#map .city {
display: block;
position: absolute;
width: 20px;
height: 20px;
background-color: red;
border-radius: 50%;
}
/* 設置城市位置 */
#map .city.chengdu {
top: 45%;
left: 50%;
}
#map .city.deyang {
top: 42%;
left: 40%;
}
/* 添加鼠標懸停提示信息 */
#map .city:hover::after {
content: attr(data-title); /* 顯示城市名稱 */
position: absolute;
top: -30px;
left: 0;
background-color: rgba(0,0,0,0.6);
color: white;
padding: 5px;
border-radius: 5px;
}

上面的代碼中，我們首先定義了一個 id 為 map 的元素，并設置其寬高以及背景圖片。接著定義了 .city 類，用于添加城市標記，并設置其樣式和位置。我們可以根據實際需求，添加和設置更多的城市標記。

最后，我們添加了一個偽元素 ::after，用于在鼠標懸停時顯示城市的名稱。通過設置其內容為城市名稱，并設置樣式，我們可以實現一個簡單的提示效果。

通過上面的代碼，我們便可以實現一個簡單的四川地圖效果。當然，在實際開發中，我們還需要考慮一些細節問題，如地圖的縮放和拖動等。不過，通過 css 實現地圖的基本原理是相同的。