CSS樣式模板和圖片滾動是網頁制作中經常用到的技術。其中，CSS樣式模板是一個預定義好的樣式，可以快速地改變網頁的布局和風格；而圖片滾動則是一種展示圖片的方式，可以讓頁面更加美觀。

/* CSS樣式模板 */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
font-size: 36px;
color: #333;
text-align: center;
margin-top: 50px;
}
p {
font-size: 18px;
color: #666;
line-height: 1.5;
margin-left: 20px;
margin-right: 20px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
margin-right: 10px;
}
img {
max-width: 100%;
height: auto;
}
/* 圖片滾動 */
.slider {
width: 100%;
overflow: hidden;
}
.slider ul {
width: 200%;
list-style: none;
margin: 0;
padding: 0;
}
.slider li {
float: left;
width: 50%;
}
.slider img {
max-width: 100%;
height: auto;
}
.slider input[type="radio"] {
display: none;
}
.slider label {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
padding: 5px 8px;
background-color: #333;
color: #fff;
font-size: 14px;
cursor: pointer;
}
.slider input[type="radio"]:checked ~ ul {
transform: translateX(-50%);
}
.slider input[type="radio"]:checked ~ label {
background-color: #fff;
color: #333;
}

以上是常用的CSS樣式模板和圖片滾動的代碼。CSS樣式模板可以根據自己的需求進行修改，例如更改字體、字號、顏色等；而圖片滾動的代碼需要注意圖片的寬度比例，以保證圖片在展示時不出現變形。

通過使用CSS樣式模板和圖片滾動，可以讓網頁更加美觀、簡潔，提高用戶體驗，增加網站流量。