在網頁設計中，圖片和視頻的引入是不可避免的，而CSS可以控制這些媒體文件的樣式和位置。接下來我們將介紹如何使用CSS導入圖片和視頻。 導入圖片 在CSS中，使用“background-image”樣式屬性可以導入圖片，并將其設置為元素的背景。該屬性需要傳入圖片的URL，可以從本地或網絡獲取。 下面是一個例子： ``` p { background-image: url("example.jpg"); } ``` 上述CSS將以“example.jpg”為背景圖片，作用在所有“p”標簽上。同時，我們還可以設置背景圖片的大小、重復方式和位置等樣式屬性。 導入視頻 與圖片相似，使用“background-video”樣式屬性可以在元素中導入視頻。 下面是一個例子： ``` pre { background-video: url("example.mp4"); } ``` 上述CSS將在所有“pre”標簽中插入名為“example.mp4”的背景視頻。同時，我們還可以設置視頻的長寬、播放方式和位置等樣式屬性。 總結 通過CSS，我們可以方便地導入圖片和視頻，實現更豐富的頁面設計。同時，需要注意的是，在導入媒體文件時要注意文件大小、格式和版權等問題，以免引起問題。