CSS是一種用于設計和樣式化網頁的語言。它可以讓我們改變一個網站或應用程序的外觀和感覺，以便與品牌和用戶需要相匹配。在這篇文章中，我們將學習如何使用CSS來給視頻添加樣式，使其更吸引人。

video {
width: 100%;
height: auto;
border: 5px solid #333;
border-radius: 5px;
box-shadow: 0 0 10px #333;
}

以上CSS代碼片段可以在代碼中的“video”元素上應用樣式。這些屬性將視頻放置在一個5像素厚的黑色邊框中，并使其具有圓角和一個黑色陰影來使其更加突出。通過將寬度設置為100％和高度設置為自動，我們可以確保視頻能夠自適應的放入其容器中。然后，我們可以添加更多的CSS屬性來自定義視頻的樣式，例如:

video:hover {
box-shadow: 0 0 20px #333;
transform: scale(1.05);
}

以上代碼使用CSS偽類:hover來添加鼠標懸停狀態下的樣式。當鼠標懸停在視頻上時，它會產生一個更大的黑色陰影，并縮放1.05倍。

除了應用CSS樣式之外，我們還可以通過在視頻下方添加標題或說明文字來增強視頻。例如:

<figure>
<video src="myvideo.mp4"></video>
<figcaption>我的視頻</figcaption>
</figure>

以上代碼使用<figure>和<figcaption>標記來將視頻和標題組合在一起，從而產生更多的效果。<figcaption>元素用于包裝標題文本，并將其放置在視頻下方。

在CSS中，我們可以使用不同的屬性和值來定制我們的視頻樣式，例如border、padding、margin、opacity等。通過使用CSS提供的這些屬性和偽類，我們可以創建一個美觀的視覺效果，使用戶愛上觀看我們的視頻。