在網站開發中，常常需要在頁面中顯示圖片、視頻等多媒體文件。在CSS中，可以使用background屬性和content屬性來完成這些操作。 圖片顯示 首先，我們來看一下如何在CSS中顯示圖片。可以使用background屬性來設置一個元素的背景圖像，例如： pre { background-image: url("example.jpg"); } 這樣，該pre元素的背景就會顯示出名為“example.jpg”的圖片。其中，url()函數用于指定圖片的路徑。 另外，還可以通過屬性background-repeat、background-size等進一步調整圖片的顯示效果。例如： pre { background-image: url("example.jpg"); background-repeat: no-repeat; background-size: contain; } 這樣，圖片將僅顯示一次，且整個圖片將按照比例縮放到元素的容器中。 影音顯示 如果要在頁面中顯示視頻或音頻，可以使用content屬性。該屬性是用于生成或替換元素內容的，可以使用它來添加視頻或音頻文件。例如： pre:before { content: url("example.mp4"); } 這樣，pre元素之前生成了一個偽元素，其中包含了一個名為“example.mp4”的視頻文件。如果希望播放音頻，則只需要將文件后綴改為“.mp3”即可。 需要注意的是，content屬性只能用于偽元素，不能用于普通元素。同時，該屬性還需要配合其他屬性來控制偽元素的顯示，例如position、display、width等。 以上就是CSS中圖片、影音顯示的相關操作。對于前端開發者來說，掌握這些技巧可以幫助他們更好地實現網站設計和開發。