CSS相冊是一個非常流行的設計元素，可以顯示你的照片或圖片。在相冊中，封面是最重要的元素，它必須非常引人注目，才能吸引用戶的注意力。本文將介紹如何使用CSS創建一個漂亮的相冊封面。

首先，我們需要創建一個HTML文檔，為相冊封面添加一些基本元素。以下是我們創建的HTML代碼：

<div class="cover">
<img src="cover.jpg">
<h1>My Photo Album</h1>
</div>

在這個代碼中，我們創建了一個div元素，用于包含相冊封面的所有元素。在div內部，我們添加了一個img元素，用于顯示相冊的封面圖像。此外，我們還在div中添加了一個h1元素，用于顯示相冊的標題。

接下來，我們需要為這些元素添加樣式，使它們看起來更加漂亮。以下是我們使用的CSS代碼：

.cover {
width: 100%;
height: 400px;
background-color: #222;
position: relative;
overflow: hidden;
}
.cover img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
max-height: 100%;
}
.cover h1 {
text-align: center;
color: #fff;
font-size: 48px;
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
}

在上面的CSS代碼中，我們為.cover元素設置了一些基本的樣式，如寬度、高度和背景顏色。我們還將其定位為相對位置，并隱藏溢出的內容。

對于.img元素，我們使用了絕對定位和transforms屬性來使其垂直和水平居中。我們還將其最大高度設置為100%，以確保其適應其父元素的高度。最后，我們定義了.h1元素的樣式，使其在相對于.cover元素底部的固定位置，并且在水平方向上居中。

最終，我們得到了一個漂亮而引人注目的相冊封面，其中圖片和標題都很好地呈現出來。