今天我們來學習一下如何通過CSS來展示照片。CSS有很多屬性可以用來控制照片的顯示效果，包括大小、布局、邊框等等。

首先，我們需要先準備一張圖片，并在CSS中設置其大小。可以使用width和height屬性來指定圖片的寬度和高度。

img {
width: 500px;
height: 300px;
}

接下來，我們可以給圖片添加一些邊框效果。可以使用border屬性來設置邊框的樣式、寬度和顏色。

img {
width: 500px;
height: 300px;
border: 1px solid #ccc;
}

如果希望圖片在頁面中居中顯示，可以使用margin屬性來設置它的外邊距，讓它水平和垂直方向都居中。

img {
width: 500px;
height: 300px;
border: 1px solid #ccc;
margin: auto;
}

另外，如果我們想要給圖片添加一些陰影效果，可以使用box-shadow屬性來設置陰影的樣式、顏色和偏移量。

img {
width: 500px;
height: 300px;
border: 1px solid #ccc;
margin: auto;
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

通過以上的CSS樣式，我們可以輕松地展示一張漂亮的照片。希望大家可以嘗試一下，并根據自己的需求進行調整。