在網頁設計中，標題框是一個常見的元素，可以用于突出重點文字，營造頁面氛圍。下面介紹如何用CSS樣式來畫出標題框。

.title-box {
background-color: #fff;
border: 2px solid #000;
padding: 10px;
text-align: center;
font-weight: bold;
font-size: 24px;
}

上述代碼是一個簡單的標題框樣式，具體解釋如下：

.title-box { /*定義CSS樣式名為title-box，這里可以根據自己的需求更改*/
background-color: #fff; /*設置背景顏色為白色*/
border: 2px solid #000; /*設置邊框為2px的黑色實線*/
padding: 10px; /*設置內邊距為10像素，避免文字緊貼邊框*/
text-align: center; /*將文字居中對齊*/
font-weight: bold; /*設置文字加粗*/
font-size: 24px; /*設置文字大小為24像素*/
}

在HTML中使用該樣式時，只需要在需要加框的元素添加.title-box類即可：

<h1 class="title-box">這是一個標題框</h1>

以上內容為如何使用CSS樣式來畫標題框的簡單介紹，希望對大家有所幫助。