CSS 是一種可以為 HTML 頁面添加樣式的語言。如果要在網(wǎng)頁中添加字幕,可以使用 CSS 中的::before
或::after
偽元素。
/* 為 div 添加字幕 */ div::before { content: "這是一段字幕"; display: block; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background-color: black; color: white; font-size: 24px; padding: 10px; opacity: 0.7; }
以上代碼會在 div 元素前添加一段黑底白字的字幕。
與此類似,如果想要在一個視頻播放器中添加字幕,可以使用同樣的方法。
/* 為視頻添加字幕 */ video::after { content: "這是一段視頻字幕"; display: block; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background-color: black; color: white; font-size: 24px; padding: 10px; opacity: 0.7; }
需要注意的是,字幕的位置和樣式可以根據(jù)具體的需要進行修改。另外,如果需要為不同的元素添加不同的字幕,可以使用不同的選擇器進行區(qū)分。
總之,利用 CSS 添加字幕是非常方便和靈活的,開發(fā)者可以根據(jù)具體需要進行調(diào)整,讓網(wǎng)頁和視頻更加豐富和生動。