CSS 是前端開發的必備技能之一。在網頁設計中，橫向標題的設置經常被用到，能夠提高頁面結構的清晰度和可讀性。下面就來簡單介紹一下如何使用 CSS 設置橫向標題。 首先，需要使用 HTML 中的 p 標簽來包裹標題文本。比如，我們要設置一個居中對齊的橫向標題，可以使用以下代碼：

我的橫向標題

其中，class 是 HTML 中的一個屬性，它用于給元素指定一個或多個 CSS 樣式類名稱。這里我們設置了一個名為 "title" 的樣式類。 接著，在 CSS 文件中添加以下代碼：

.title {
display: block;  /* 把標題變成塊狀元素，方便設置寬度和高度 */
text-align: center; /* 居中對齊 */
width: 100%; /* 設置寬度為 100% 顯示為一行 */
font-size: 24px; /* 設置字號 */
font-weight: bold; /* 加粗字體 */
margin: 20px 0; /* 設置上下邊距為 20 像素 */
padding: 10px 0; /* 設置左右內邊距為 10 像素 */
background-color: #f7f7f7; /* 設置背景顏色 */
border-bottom: 1px solid #ccc; /* 設置下邊框 */
}

這些 CSS 樣式可以根據需要進行相應的修改，實現不同的效果。通過設置上面的樣式之后，我們就能在網頁中看到一個居中對齊的橫向標題了。 總之，使用 CSS 設置橫向標題需要掌握一些基本的 CSS 屬性和選擇器，如塊狀元素、文本對齊、寬度和高度、字體樣式和邊距等。希望這篇文章能給你帶來一些幫助。