CSS外聯背景是一種在網頁中添加背景圖像的方法，使網頁呈現出更豐富、更獨特的視覺效果。

寫CSS外聯背景要遵循以下步驟：

1. 在HTML代碼中使用div標簽等元素作為背景區域的容器；
2. 在CSS文件中使用background-image屬性來指定背景圖像的文件路徑；
3. 使用background-repeat、background-position等屬性調整背景圖像的布局、排列位置；
4. 如果需要設置背景圖像的大小，也可以使用background-size屬性進行設置；
5. 最后，在HTML代碼中使用link標簽將CSS文件與HTML文件進行關聯。

例如，下面是一個簡單的CSS外聯背景實現：

HTML代碼：
<div class="container">
<p>這是背景區域</p>
</div>
CSS代碼：
.container {
background-image: url("background.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

在這個例子中，我們創建了一個名為container的div元素作為背景區域，并將背景圖像的文件路徑設置為background.jpg。我們還設置了background-repeat為no-repeat，這樣背景圖像就不會重復出現；background-position設置為center，將背景圖像居中排列；background-size設置為cover，表示背景圖像會被縮放以適應整個容器。

通過這樣的設置，我們就可以很容易地實現一個漂亮的CSS外聯背景效果，讓網頁呈現出更加優美的視覺效果。