在網頁設計中，為了讓頁面更加精美，經常會使用各種圖片來豐富頁面的視覺效果。在CSS中，我們可以通過使用background-image或者background:url()來調用圖片。但是，有時候我們需要使用一些我們沒有版權的圖片或者我們想要扒下來某個網站的圖片，該怎么做呢？下面就來給大家介紹一下如何用CSS來扒取網絡上的圖片。

.example {
width: 500px;
height: 300px;
background: url(http://www.example.com/image.jpg) no-repeat;
}

以上是我們常見的在CSS中調用圖片的方法，其中"http://www.example.com/image.jpg"就是圖片的鏈接地址。如果我們想要扒取該網站上的圖片，可以按照以下的步驟：

1. 在Chrome瀏覽器中打開需要扒取的網站，選擇要扒取的圖片，右擊菜單中選擇“檢查”，進入開發者工具頁面。

2. 在開發者工具頁面中選擇“網絡”，勾選“圖片”選項卡，此時開發者工具會開始記錄網站所有的圖片請求。

3. 在網站中刷新頁面，此時開發者工具中會顯示所有的圖片請求。選擇自己需要扒取的圖片，右擊菜單中選擇“復制鏈接地址”。

4. 現在我們已經獲取到了需要扒取的圖片的鏈接地址。接下來，我們可以將該鏈接地址放到CSS中，按照以下方式進行調用：

.example {
width: 500px;
height: 300px;
background: url(http://www.example.com/image.jpg) no-repeat;
}

通過以上的方式，我們就可以將網絡上的圖片扒下來并應用到我們的網頁中了。