CSS外部樣式表是一種常用的網頁設計樣式，可以使網頁設計更加簡潔易維護。其中背景圖片是常用的網頁設計元素，可以用來補充視覺效果，讓網頁更加生動。下面我們來學習如何在CSS外部樣式表中設置背景圖。
/* 在CSS文件中設置背景圖片 */
body {
background-image: url("background.jpg");
}
/* 或者可以加入其他屬性 */
body {
background: url("background.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}其中，background-image是設置背景圖片的屬性，可以設置圖片的URL；
而background是更加全面的屬性，除了設置背景圖片的URL，還可以設置是否重復、背景位置、是否固定背景等。同時，為了適配不同大小的屏幕，可以使用background-size屬性，讓圖片隨著屏幕大小進行自適應。
在HTML文件中引入CSS外部樣式表時，需要使用link標簽，例如:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
這樣就能在網頁中加載CSS樣式表了。當然，也可以在HTML文件中使用style標簽來定義網頁樣式，但是這樣會導致HTML文件變得繁瑣難維護。
上一篇css外部樣式表編寫
下一篇mysql數據庫數據表