在網站開發過程中，CSS 報錯是經常會遇到的問題，這時需要提供給用戶一個友好的錯誤提示頁面。下面提供一個使用 CSS 報錯頁面模板的示例。

/*CSS 報錯頁面模板*/
body {
background-color: #f8f8f8;
}
.container {
margin: 0 auto;
max-width: 600px;
padding: 40px 20px;
text-align: center;
}
h1 {
font-size: 48px;
font-weight: 700;
margin-bottom: 30px;
}
h2 {
font-size: 24px;
font-weight: 500;
margin-bottom: 20px;
}
p {
font-size: 18px;
margin-bottom: 20px;
}
.error-code {
font-size: 64px;
font-weight: 700;
margin-bottom: 40px;
}
.back-button {
background-color: #3f3f3f;
border: none;
border-radius: 5px;
color: #fff;
cursor: pointer;
font-size: 18px;
font-weight: 500;
padding: 15px 30px;
text-transform: uppercase;
}
.back-button:hover {
background-color: #222;
}
@media (max-width: 767px) {
h1 {
font-size: 36px;
}
h2 {
font-size: 20px;
}
p {
font-size: 16px;
}
.error-code {
font-size: 48px;
}
.back-button {
font-size: 16px;
padding: 10px 20px;
}
}

以上代碼中，我們定義了一個容器和一些樣式用于構建 CSS 報錯頁面。在容器中，我們包含了一個主標題和次級標題，以便向用戶說明錯誤發生的原因。我們還添加了一個錯誤代碼元素，以便幫助用戶更好地理解錯誤。

除此之外，我們還添加了一個返回鏈接，以方便用戶回到主頁或其他頁面。當用戶鼠標移動到返回鏈接上時，鏈接背景顏色會有所變化。

如此一來，在開發過程中出現錯誤時，使用這個模板可以為用戶提供簡潔明了的錯誤報告，并讓用戶更快地找到解決問題的方法。