開發網站時，幻燈片是經常用到的一個功能，它可以讓頁面更具吸引力，增加用戶的瀏覽體驗。通過CSS樣式創建幻燈片的方法，能夠讓我們更加靈活地控制幻燈片的樣式與效果。

.slide {
position: relative;
height: 500px;
width: 800px;
overflow: hidden;
}
.slide ul {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
}
.slide ul li {
float: left;
height: 500px; 
width: 800px; 
}
.slide ul li img {
height: 500px; 
width: 800px;
display: block; 
}
.slide .prev, .slide .next {
position: absolute;
top: 50%;
margin-top: -30px;
padding: 15px;
color: #fff;
background-color: rgba(0,0,0,0.5);
}
.slide .prev {
left: 15px;
}
.slide .next {
right: 15px;
}

代碼中，我們首先定義了一個容器，在這里我們將其命名為.slide。其高度和寬度分別為500px和800px。為了防止圖片溢出容器，我們設置了overflow: hidden;。

接下來，我們定義了一個無序列表<ul>，并將其設為絕對定位position: absolute;。這里的列表項<li>，我們將其浮動于左側，使其能夠橫向排列。而內部的圖片<img>，我們設為塊級元素，以便能夠更好地控制其大小及其顯隱效果。

在這個容器中，我們還添加了“上一頁”和“下一頁”的按鈕。在CSS樣式中，我們用.prev和.next來分別定義這兩個按鈕，并設置其為絕對定位position: absolute;。我們再將其位置設置在容器中央的上下兩側，用負邊距和top:50%;來實現垂直居中，然后用left和right來設置其水平坐標。

通過以上的CSS樣式，我們就成功創建了幻燈片。此時，你只需要將圖片列表寫在幻燈片容器內即可，它們會自動按照你設定的樣式顯示成為一個幻燈片。