外鏈式CSS是一種將CSS樣式表文件與HTML文件分離的方法。它使得CSS代碼被獨立出來，既可以減少HTML代碼的重復性，還能夠提高修改CSS樣式的便利性。下面我們就來看看如何使用外鏈式CSS給網(wǎng)頁添加圖片。 首先我們需要準備好一張圖片，并保存在本地文件夾中。然后，在HTML文件中使用img標簽添加圖片，并使用外鏈式CSS來設置樣式。具體步驟如下： 1. 在HTML文件中添加img標簽，代碼如下：

<img src="images/myimage.jpg" alt="我的圖片">

其中，src屬性指定了圖片的路徑，alt屬性指定了圖片的描述。注意，我們需要在HTML文件中添加一個樣式表鏈接，指向我們的CSS文件，代碼如下：

<link rel="stylesheet" type="text/css" href="mystylesheet.css">

這樣，HTML文件就可以引用CSS文件中的樣式了。 2. 在CSS文件中添加規(guī)則，設置圖片的樣式，代碼如下：

p img {
border: 1px solid #ccc;
margin: 10px;
}

這段代碼表示，為p標簽內(nèi)所有的圖片添加一個1像素寬的、與#ccc顏色相同的邊框，并讓圖片與其他元素保持10像素的距離。如果你想為單個圖片添加樣式，可以給該圖片添加類或ID屬性，并在CSS文件中添加相應的規(guī)則。 3. 保存HTML文件和CSS文件，然后打開HTML文件，就可以看到設置好的圖片了。 總結：使用外鏈式CSS添加圖片，可以有效地降低HTML文件的復雜度，提高代碼的可維護性。我們只需在CSS文件中添加相應的規(guī)則，就可以輕松地為頁面中的圖片添加樣式。