CSS Subtitle即為CSS字幕，在網(wǎng)頁制作中非常實(shí)用。它能使文字以一定的風(fēng)格和效果呈現(xiàn)在視頻或圖片之上。以下是一個(gè)例子：

/*CSS樣式*/
.subtitle{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2rem;
color: white;
text-shadow: 2px 2px black;
font-weight: bold;
text-align: center;
}

以上CSS樣式會(huì)使文字居中顯示，字體大小為2rem，顏色為白色，有黑色描邊。實(shí)現(xiàn)CSS字幕的方法有多種，可以使用文字標(biāo)簽在視頻或圖片上進(jìn)行文字疊加，也可以將文字作為偽元素在視頻或圖片上進(jìn)行呈現(xiàn)。下面給出一個(gè)示例：

/*HTML結(jié)構(gòu)*/
<div class="container">
<img src="img.jpg" alt="圖片">
<p class="subtitle">這是一段CSS字幕</p>
</div>
/*CSS樣式*/
.container{
position: relative;
width: 100%;
}
.container img{
width: 100%;
display: block;
}
.container p.subtitle{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 20px;
font-size: 2rem;
color: white;
text-shadow: 2px 2px black;
text-align: center;
background: rgba(0,0,0,0.5);
}

以上示例中，利用position屬性定位p標(biāo)簽，使其顯示在圖片下方。另外，添加了半透明的背景，使文字更加突出醒目。

通過對(duì)CSS Subtitle的學(xué)習(xí)和使用，可以為網(wǎng)頁制作增添更多的效果和魅力，提高網(wǎng)站的吸引力和用戶體驗(yàn)。