CSS（層疊樣式表）是一門用于控制網頁外觀和布局的技術，通過CSS可以實現各種各樣的效果。其中之一就是通過CSS來制作照片區域。

首先，我們需要一個HTML結構，以便在CSS中進行樣式的調整。我們可以使用一個div元素來放置我們的照片，代碼如下：

<div class="photo-area">
<img src="photo.jpg" alt="My photo">
</div>

接下來，我們需要對這個div元素進行樣式調整。我們可以為其添加樣式，例如設置背景顏色、設置邊框大小等。同時，我們還需要將圖片元素放置于這個div元素內部，并對其進行樣式控制。下面是一個例子：

.photo-area {
background-color: #eee;
border: 1px solid #ccc;
padding: 10px;
width: 300px;
height: 300px;
}
.photo-area img {
max-width: 100%;
max-height: 100%;
display: block;
margin: auto;
}

通過這個CSS樣式調整，我們實現了一個300x300像素的照片區域，且圖片會自動適應這個區域大小，并居中顯示。同時，我們還為照片區域添加了邊框和背景顏色等樣式。

總體來說，通過CSS來制作照片區域非常簡單，只需要根據自己的需要對樣式進行調整即可。這樣，我們可以為網頁中的圖片元素提供更加美觀的顯示效果。