CSS使用外聯的方式可以創建具有自定義樣式和布局的網頁，具體可以參考下述示例：

外聯樣式是指在HTML頁面中使用CSS樣式表文件來定義頁面的布局和外觀，而不需要直接在HTML文件中使用CSS樣式。這種方式可以更加靈活和自由，因為可以定義樣式而不需要關注HTML文件的內容。

下面是一個使用外聯樣式的簡單示例：

1. 創建一個CSS樣式表文件，命名為外聯樣式.css，并將其放置在與HTML文件相同的目錄中。

<link rel="stylesheet" type="text/css" href="外聯樣式.css">

3. 可以使用CSS樣式表來定義頁面的布局和外觀。例如，可以在外聯樣式.css文件中定義一個類，用于定義頁面的背景顏色和字體：

.color-primary {

background-color: #f2f2f2;

font-family: Arial, sans-serif;

4. 可以在HTML文件中使用<style>標簽來引用外聯樣式表中的樣式：

<style>

.color-primary {

background-color: #f2f2f2;

font-family: Arial, sans-serif;

</style>

通過這種方式，就可以在不需要直接修改HTML文件的情況下，為頁面添加自定義樣式和布局。