CSS外鏈?zhǔn)皆O(shè)置背景圖片的方法如下:
1、在HTML文件中創(chuàng)建一個(gè)樣式表鏈接,指向CSS文件。
<link rel="stylesheet" type="text/css" href="style.css">
2、在CSS文件中添加樣式規(guī)則,設(shè)置背景圖片。
body { background-image: url("image.jpg"); background-repeat: no-repeat; background-position: center; }
在這個(gè)例子中,body
元素被設(shè)置為背景圖片image.jpg
,并且背景圖片不會(huì)重復(fù),且位置居中。
3、確保圖片文件image.jpg
與CSS文件位于同一目錄下,或者提供正確的路徑到圖片文件。
通過以上步驟,您可以在HTML文件中使用CSS外鏈?zhǔn)皆O(shè)置背景圖片,這種方法使得樣式與內(nèi)容分離,提高了代碼的可讀性和可維護(hù)性,也方便了在不同頁面之間應(yīng)用相同的樣式。