在網(wǎng)頁制作中，美工切圖css是非常重要的一部分。切圖是將設(shè)計師設(shè)計好的圖片按照一定比例、大小、規(guī)定位子的方式剪裁出來，而css則是將這些剪裁好的圖片按照一定的樣式設(shè)置展現(xiàn)出來。下面我們來看一下如何進行美工切圖css。

首先，我們需要將設(shè)計師提供的psd文件打開，找到需要切圖的部分。其中需要注意的是，每個部分都需要滿足如下要求：

1. 無水印、無鋸齒； 
2. 采用“另存為”為PNG-24格式的圖片； 
3. 分辨率根據(jù)設(shè)計圖確定，不得變形。

接下來，我們將圖片保存到制作頁面的文件夾下面，并在HTML文件中插入相關(guān)的div代碼。代碼如下：

在CSS文件中，我們可以針對每個div設(shè)置相應(yīng)的樣式，讓圖片在頁面中展現(xiàn)出來。

/* CSS代碼 */
.wrapper {
width: 1000px;
margin: 0 auto;
}
.logo {
height: 70px;
background: url("images/logo.png") no-repeat center;
}
.banner {
height: 200px;
background: url("images/banner.png") no-repeat center;
}
.content {
height: 400px;
background: url("images/content.png") no-repeat center;
}
.footer {
height: 100px;
background: url("images/footer.png") no-repeat center;
}

上面的代碼中，我們使用了background屬性來設(shè)置圖片。其中的no-repeat表示圖片不重復(fù)顯示，center表示圖片居中顯示。

總的來說，美工切圖css并不是非常難，只要注意各種細節(jié)，理解各種CSS屬性的特點，就能輕松完成網(wǎng)頁的制作。