CSS是一種描述網頁樣式的語言，它能夠控制網頁中元素的外觀和布局。在網頁設計中，圖片是必不可少的元素之一。我們通常會使用 CSS 為圖片添加樣式，使其更符合設計要求。在本地上傳圖片后，我們能夠通過 CSS 將其應用到網頁中。

/* 先在 HTML 中添加一個 img 標簽 */
<img src="image.jpg" alt="圖片">
/* 使用 CSS 設置圖片樣式 */
img {
width: 100%; /* 圖片寬度占父元素寬度的百分之百 */
height: auto; /* 高度自適應，避免圖片變形 */
border: 1px solid #ccc; /* 添加邊框 */
box-shadow: 0 0 5px #ccc; /* 添加陰影效果 */
}

除了使用 HTML 中的 <img> 標簽，我們還可以使用 CSS 的 background-image 屬性來設置圖片。這種方式更加靈活，能夠實現更復雜的效果。

/* 使用 CSS 設置背景圖片 */
div {
background-image: url(image.jpg); /* 圖片路徑 */
background-size: cover; /* 背景圖片自適應大小 */
background-position: center; /* 圖片居中 */
background-repeat: no-repeat; /* 避免圖片重復 */
}

在使用本地上傳圖片時，需要注意圖片大小和格式問題。選用適當的圖片格式能夠減小頁面加載時間，提高用戶體驗。