CSS行框是指一個元素內部的行（文本、圖片等內容）的布局方式，它可以控制這些行的排列方式、間距、對齊方式、高度等屬性。使用CSS行框可以讓頁面更加美觀，同時也更加靈活。

要使用CSS行框，首先需要理解一些基本的CSS屬性：

display：設置元素的顯示方式，可以設置為block（塊，獨占一行）、inline（行內，與其他內容在一行內）、inline-block（行內塊，同一行顯示，但可以設置寬度和高度等屬性）；
vertical-align：設置行內元素在其父元素內豎直方向的對齊方式；
line-height：設置文本行的高度，常常用于調整行與行之間的距離。

下面是一個例子，展示如何使用行框設置一些文本的格式：

<div class="example">
<h1>這里是標題</h1>
<p>
這里是一些普通文本，分成了兩行。這里是一些普通文本，分成了兩行。
</p>
<p class="special">
這里是一些特殊文本，它使用了紅色字體，并且帶下劃線。
</p>
</div>

下面是對這個例子中的CSS樣式的解釋：

.example {
display: block; /* 設置為塊級元素，使其單獨占據一行 */
background-color: #f5f5f5; /* 設置背景色 */
padding: 10px; /* 設置內邊距，增加元素周圍的留白 */
}
h1 {
margin-top: 0; /* 去除標題的默認上邊距 */
font-size: 24px; /* 設置字體大小 */
}
p {
margin: 0; /* 去除段落的默認上下邊距 */
line-height: 1.5; /* 設置文本行高 */
}
.special {
color: red; /* 設置文本顏色 */
text-decoration: underline; /* 為文本添加下劃線 */
}

通過使用行框，我們可以輕松地控制文本的排版、顏色等屬性。在實際開發中，行框也經常被用于創建網格、導航菜單等常見的布局。