在進(jìn)行網(wǎng)頁制作時(shí)，Photoshop的切圖是必不可少的一步。很多人有這樣一個(gè)疑問：PS切出來的圖怎么用CSS文件去調(diào)用呢？ 其實(shí)很簡單，我們只需要將PS切圖后的圖片和代碼保存在同一文件夾下，然后在HTML文件中調(diào)用CSS文件即可。 下面是一個(gè)例子： `````` 我們在HTML文件中引用了名為“style.css”的CSS文件，該文件與HTML文件位于同一文件夾下。 在CSS文件中，我們可以通過以下代碼來調(diào)用切出來的圖片： ``` .wrapper img{ width:100%; } ``` 這段代碼表示將“.wrapper”類下的所有“img”標(biāo)簽的寬度設(shè)置為100%。在這個(gè)例子中，我們使用了名為“header.jpg”的圖片作為網(wǎng)站頭部的背景圖片。 因此，我們需要在同一文件夾下創(chuàng)建一個(gè)名為“img”的文件夾，并將切出來的圖片保存在該文件夾中。這樣，我們就可以使用CSS文件成功地調(diào)用切出來的圖片了！ 結(jié)語： 對于前端開發(fā)來說，掌握好PS切圖技能是非常必要的。掌握好切圖后如何調(diào)用圖片，能夠使工作更加有效率。希望以上內(nèi)容對大家有所幫助！