怎樣給網站加上背景圖片？

1.去網上搜索2個自己喜歡的圖片，1個圖片用來作為整個網頁的背景，另壹個圖片可以進行重疊組成網頁的背景。

學哥找了2個大尺寸的圖片和2個小尺寸圖片，目錄所示：

在index.html所在的目錄下創建壹個images目錄，將4個圖片全部放進去。

2.給技術經驗的表格增加壹個表頭，標題分別是：技術類別，技術點，經驗年數。文字加粗顯示。

在技術經驗的表格的第壹行增加壹個tr，裏面增加3個td，然後復制壹個CSS樣式td1，改名為tdh，增加設置文字粗體，背景色設置為淡灰色。

css代碼修改如下：

html代碼修改如下：

刷新頁面：

可以看到，表頭的文字加粗，並且背景色為半透明淺灰色。

設置tdh的background-color:rgba(200,200,200,0.6);，這是壹個新的寫法，通過CSS的函數rgba可以設置壹個RGBA顏色，這種顏色值帶有壹個alpha通道，可以設置顏色的透明度，也就是可以透過當前顏色的比率是多少。

RGBA顏色值是這樣規定的：rgba(red,green,blue,alpha)。alpha參數是介於0.0（完全透明）與1.0（完全不透明）的數字。

rgba(200,200,200,0.6);就是壹個灰色的，透明度為0.6的壹個半透明淺灰色。

因為整個body的背景色也是灰色的，因此這裏就看不出來tdh的背景色是半透明的，可以來調整body的背景為壹個圖片，就能看出來是半透明的了。

設置背景圖片

之前講了通過設置body的background-color屬性來設置整個網頁的背景色。

背景色設置有時候局限性比較大，很多網站都采用圖片來設置背景圖片，可以做到讓網頁更美觀。

設置背景圖片的CSS屬性是像這樣的：

background-image:url(./images/background.jpg);

url是壹個CSS函數，裏面參數是圖片的目錄路徑。

壹般采用相對目錄路徑，也就是假設index.html存放在哪壹個目錄下，則在這個目錄下創建壹個images目錄，將background.jpg文件放到images目錄裏面去。

修改css文件的body的樣式，增加background-image，同時刪除bigtitle的width屬性，因為div默認就是寬度為100%，為了防止該屬性對背景圖片的幹擾，所以刪除掉不必要的屬性。

css代碼修改如下：

刷新頁面：

可以看到技術經驗的表格的背景色是半透明的，但是4個大標題的背景色不是半透明的，將它也改為半透明色。

修改CSS樣式bigtitle的background-color屬性值為半透明顏色值。

css代碼修改如下：

刷新頁面：

可以看到，大標題的背景色都是半透明的顏色了，這樣看起來比較美觀了。