關于CSS帶標題的框框

CSS帶標題的框框通常使用在網站的排版中，可以更好地區分內容和集中用戶的注意力。該框框通常包含一個標題和一個或多個內容塊。

使用CSS創建帶標題的框框很容易，可以使用CSS中的box-sizing屬性來控制這個框的尺寸。同時，也可以使用border屬性來添加邊框，或者使用box-shadow屬性添加陰影效果。

.box{
box-sizing: border-box;
border: 1px solid #000;
padding: 10px;
width: 300px;
margin: 0 auto;
box-shadow: 2px 2px 5px #ccc;
}
.box h2{
font-size: 18px;
padding: 5px;
margin: 0;
background-color: #f2f2f2;
}

除了以上屬性，還可以使用其他的CSS樣式屬性來定制框框。比如使用背景顏色、字體樣式和文本對齊等等。

.box{
box-sizing: border-box;
border: 1px solid #000;
padding: 10px;
width: 300px;
margin: 0 auto;
box-shadow: 2px 2px 5px #ccc;
background-color: #fff;
text-align: center;
}
.box h2{
font-size: 18px;
padding: 5px;
margin: 0;
background-color: #f2f2f2;
font-weight: bold;
text-align: center;
}

總之，使用CSS帶標題的框框可以讓網頁的排版更加規整美觀，增加用戶的閱讀體驗。可以根據不同的需要，加入不同類型的樣式來定制不同的框框。