在網頁設計中，選擇合適的字體和背景樣式非常重要。CSS為我們提供了豐富的樣式選擇，下面我們來看一些實際的CSS字體背景樣式案例。

/* 1. 簡單的文字和背景顏色 */
body {
background-color: #f2f2f2;
}
h1 {
font-family: Arial, sans-serif;
font-size: 40px;
font-weight: bold;
color: #333;
background-color: #fff;
padding: 20px;
}
/* 2. 圓形背景和半透明文字 */
.box {
background-color: #e74c3c;
width: 200px;
height: 200px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.text {
color: rgba(255, 255, 255, 0.7);
font-family: Helvetica, sans-serif;
font-size: 24px;
text-align: center;
padding: 20px;
background-color: #000;
border-radius: 20px;
}
/* 3. 圖片作為背景 */
.container {
background-image: url('img/background.jpg');
background-size: cover;
background-position: center;
padding: 50px;
}
h2 {
font-family: Georgia, serif;
font-size: 36px;
color: #fff;
text-shadow: 1px 1px 2px #000;
}
/* 4. 漸變背景和居中文字 */
.box2 {
background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 1));
width: 400px;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
}
.text2 {
color: #fff;
font-family: Arial, sans-serif;
font-size: 36px;
text-shadow: 1px 1px 2px #000;
}

以上是幾個常見的CSS字體背景樣式案例，可以靈活運用到自己的網頁設計中，讓網頁更加美觀和有吸引力。