CSS 狀態欄背景是許多網頁設計中需要用到的一個元素。狀態欄背景一般用于展示網站的版權信息和其他重要的信息。在本文中我們將介紹如何使用 CSS 來創建一個狀態欄背景。

/*CSS 代碼*/
#status-bar {
background-color: #333333;
color: #ffffff;
height: 30px;
line-height: 30px;
text-align: center;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}

代碼中的 #status-bar 是狀態欄背景的 id，你可以用你喜歡的 id 名稱代替它。我們使用了 background-color 屬性來設置背景顏色，color 屬性用于設置文字顏色。

height 屬性設置了狀態欄的高度，line-height 屬性設置了文字的行高，text-align 屬性設置了文字的水平對齊方式

position 屬性指定了元素的定位方式，這里的值是 fixed，表示狀態欄的位置是固定的。bottom 和 left 屬性用于設置元素的位置，它們分別表示距離底部和距離左側的距離。width 屬性指定了狀態欄的寬度。

如果你將這個代碼添加到你的 HTML 文件中，你就可以創建一個狀態欄背景了。