Photoshop（簡稱PS）是廣泛使用的圖像處理軟件，擁有眾多功能。在我們進行網頁制作時，有時需要將PS中設計好的圖層CSS樣式拷貝到代碼中，以達到與PS相同的效果。下面就來講一下具體的步驟。

第一步：進入Photoshop后，選擇需要拷貝的圖層，右鍵單擊圖層，在彈出的菜單中選擇“復制CSS”：

.layer-1 {
position: absolute;
left: 0;
top: 0;
width: 200px;
height: 200px;
box-sizing: border-box;
background: url("1.png") no-repeat 50% 50% / cover;
}

第二步：將拷貝的CSS代碼復制到你的代碼中。這里以HTML文件為例，將CSS代碼插入到身體的樣式標簽中：

第三步：將需要用到的圖片放到相應的文件夾中（這里是與html文件同級的文件夾中），然后將圖片的路徑添加到CSS代碼的background屬性中：

.layer-1 {
position: absolute;
left: 0;
top: 0;
width: 200px;
height: 200px;
box-sizing: border-box;
background: url("./images/1.png") no-repeat 50% 50% / cover;
}

到這里，我們就成功地將PS中的圖層CSS樣式拷貝到了代碼中。接下來，你可以根據具體需求修改CSS，制作出自己想要的頁面樣式。