CSS是一種用于為網(wǎng)頁添加樣式和布局效果的語言，不僅可以美化頁面，更可以用于制作廣告。下面我們來看一下如何使用CSS來制作廣告的代碼。

/* 設(shè)置廣告卡片的樣式 */
.ad-card {
position: relative; /* 相對定位 */
width: 300px;
height: 150px;
background-color: #FFF;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* 添加陰影效果 */
}
/* 設(shè)置廣告卡片的圖片樣式 */
.ad-card img {
width: 80%;
height: 80%;
position: absolute; /* 絕對定位 */
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* 居中 */
border-radius: 5px;
}
/* 設(shè)置廣告卡片的文本樣式 */
.ad-card p {
position: absolute; /* 絕對定位 */
bottom: 10px;
left: 10px;
font-size: 16px;
color: #000;
}
/* 設(shè)置廣告卡片的按鈕樣式 */
.ad-card button {
position: absolute; /* 絕對定位 */
bottom: 10px;
right: 10px;
padding: 10px;
font-size: 16px;
color: #FFF;
background-color: #F60;
border: none;
border-radius: 5px;
cursor: pointer;
}

以上是一段使用CSS制作廣告卡片的示例代碼。我們可以使用這段代碼來創(chuàng)建一個簡單而有吸引力的廣告效果。