電腦炫酷照片的展示，往往離不開CSS的運(yùn)用。以下代碼將為你介紹如何使用CSS來展示炫酷的照片。 首先，我們需要準(zhǔn)備一張照片以及一個div容器，如下：

<div class="photo-container">
<img src="photo.jpg" alt="照片">
</div>

接下來，我們使用CSS給它添加樣式。

p {
font-size: 16px;
line-height: 1.5;
}
pre {
background-color: #f8f8f8;
border: 1px solid #ccc;
padding: 10px;
}
.photo-container {
position: relative;
display: inline-block;
overflow: hidden;
height: 200px;
width: 300px;
}
.photo-container img {
position: absolute;
top: 0;
left: 0;
transition: all 0.3s ease-in-out;
}
.photo-container:hover img {
transform: scale(1.2);
}

這個代碼塊里面有三個部分，分別是p、pre和.photo-container img。其中，p和pre部分是對整體頁面的樣式進(jìn)行設(shè)置，而.photo-container img則是對照片容器內(nèi)的照片進(jìn)行設(shè)置。 在.photo-container的樣式中，我們設(shè)定了容器的位置為relative，高度和寬度都已經(jīng)設(shè)置好。之后再設(shè)定圖片的位置為absolute，以便能夠讓它與容器重疊。我們同時使用了transition屬性和:hover偽類，使鼠標(biāo)移動到照片上時能夠產(chǎn)生放大的效果。 綜上所述，我們根據(jù)以上代碼的方式，就可以很快地展示一張炫酷的照片啦！