Photoshop和CSS是兩種非常常見的圖形編輯工具。
Photoshop作為一款專業(yè)的圖像處理軟件，其功能非常強(qiáng)大，可以編輯、合成、修復(fù)圖片，給圖片加上文本、框架等。而CSS則是網(wǎng)頁設(shè)計中的一種樣式語言，主要用于控制網(wǎng)頁中元素的樣式和布局。
其中，照片換背景無疑是Photoshop和CSS中比較常見的操作。接下來，我們將分別介紹如何使用這兩款工具來實(shí)現(xiàn)照片換背景。
/* CSS代碼 */
.main {
background-image: url('new-background.jpg');
}步驟一：使用Photoshop將背景去掉
首先，在Photoshop中打開需要更換背景的圖片，選擇"魔術(shù)棒"或"Lasso工具"等選擇工具，將需要去掉的背景選中后，按下"Delete"鍵，即可將背景去掉。
步驟二：新建圖層并添加新的背景
接著，在Photoshop中新建一個圖層，選擇想要的新背景圖片，將其添加到新圖層中。然后，將新背景圖層放在原圖層的下面，以覆蓋原來的背景。
步驟三：保存圖片并導(dǎo)出
當(dāng)完成新背景的添加后，保存圖片，選擇"File" ->"Save As"，將圖片另存為一個新文件。此時，我們已經(jīng)成功的將照片的背景更換了。
如果我們想要在網(wǎng)頁中應(yīng)用這張照片的新背景，可以使用CSS來完成。
步驟一：找到照片的元素
在HTML中查找顯示照片的img標(biāo)簽等元素，并為其設(shè)置一個class或id，方便后續(xù)操作。
步驟二：添加新背景
使用CSS選擇器，選中剛才定義的元素，使用"background-image"屬性，將新背景添加到元素中。如：
/* CSS代碼 */
.photo {
background-image: url('new-background.jpg');
}步驟三：在HTML中引入CSS文件
在HTML中的head標(biāo)簽中使用link標(biāo)簽，將剛才編寫的CSS文件引入到頁面中。
/* HTML代碼 */ <head> <link rel="stylesheet" href="styles.css"> </head>
到此為止，我們已經(jīng)成功的將照片的背景更換了，并且在網(wǎng)頁中應(yīng)用了新背景。