在CSS中，可以通過添加視頻來豐富網頁的視覺效果。以下是添加視頻的步驟：

<video src="視頻地址">
Your browser does not support the video tag.
</video>

上面的代碼展示了如何使用“<video>”標簽為網頁添加視頻。通過在“src”屬性中設置視頻地址，來指定要添加的視頻。如果瀏覽器不支持視頻標簽，那么用戶將看到“My Browser Does Not Support the Video”這一句話。這里還可以添加其他的屬性，如“width” 、“height”等，來指定視頻的寬度和高度。

有時候我們希望在視頻開始播放之前，能夠顯示一張靜態圖片。這時候就可以使用“poster”屬性，來添加一張圖片：

<video src="視頻地址" poster="圖片地址">
Your browser does not support the video tag.
</video>

在“poster”屬性中，設置要顯示的靜態圖片的地址即可。

最后，我們還可以通過CSS來設置視頻的樣式，如修改其寬度、高度、邊框等，以達到更好的視覺效果：

<video src="視頻地址" poster="圖片地址" style="width: 80%; height: auto; border: 1px solid black;">
Your browser does not support the video tag.
</video>

在上面的例子中，我們添加了“style”屬性，并設置了視頻的寬度為80%，高度為自適應，邊框為1px的黑色邊框。這些效果也可以通過CSS樣式表來設置。