CSS是網頁設計中不可或缺的組成部分之一，可以實現各種樣式效果，包括對視頻封面的設計。視頻封面可以給用戶一個快速預覽視頻內容的方式，同時也可以增加頁面的美觀度。

.video-cover {
width: 100%;
height: 0;
padding-top: 56.25%; /* 16:9比例 */
position: relative;
overflow: hidden;
}
.video-cover::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("video-cover.jpg"); /* 封面圖片 */
background-size: cover;
background-position: center;
filter: blur(10px); /* 添加模糊效果 */
}
.video-cover::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background-image: url("play.svg"); /* 播放按鈕圖片 */
background-size: cover;
background-position: center;
}

上述代碼中，.video-cover是一個容器，通過padding-top屬性設置它的高度為寬度的16:9比例，使封面圖片按比例縮放，保持原始寬高比。同時，為了讓封面圖片看起來更有藝術感，使用了過濾器filter屬性給圖片添加了10px的模糊效果。

為了使容器中心顯示一個播放按鈕，使用了偽元素::after，在容器中心定位一個大小為80x80的播放按鈕圖片。

綜上所述，通過CSS對視頻封面進行設計，可以大大提高頁面的美觀度和用戶的使用體驗。