CSS可以使用眾多的方法來制作Banner，可以使用背景圖片或是多個層疊元素。以下是兩個常用的方法：

方法一：使用背景圖片

.banner {
background-image: url("path/to/image.png");
background-position: center;
background-size: cover;
height: 300px;
}

以上代碼首先指定了Banner的高度，然后使用了一個背景圖像，position設置為居中，size設置為填充。可以使用其他控制屬性，例如repeat屬性，指定圖片平鋪方式。

方法二：使用多層疊放元素

HTML代碼：
<div class="banner">
<img src="path/to/image.png" alt="Banner" />
<div class="banner-text">
<h1>這里是Banner標題</h1>
<p>這里是Banner副標題</p>
</div>
</div>
CSS代碼：
.banner {
position: relative;
height: 300px;
}
.banner img {
width: 100%;
height: 100%;
object-fit: cover;
}
.banner-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
text-align: center;
}

以上代碼使用了一個包含兩個元素的Banner容器。第一個元素是一個填充整個容器的圖片元素，第二個元素是一個在圖片上疊放的文字容器。通過設置每個元素的絕對定位，可以讓他們精確放置。調整容器的padding和text-align屬性可以進一步改變Banner的效果。