CSS是前端開發中必不可少的工具，它不僅可以使網頁變得更加美觀，還可以增強網頁的互動性和可讀性。邊框是網頁中常用的元素，我們可以利用CSS在邊框上添加文字，提高邊框的信息量和實用性。

/*在邊框上添加文字*/
.box {
border: 1px solid #000;
padding: 5px;
position: relative;
}
/*使用:before偽元素添加文字內容*/
.box:before {
content: "邊框文字";
display: block;
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
background-color: #fff;
padding: 0 10px;
}

如上代碼，我們使用:before偽元素為盒子添加了文字內容。首先，我們需要定義一個父級元素.box來設置邊框和內邊距，同時將其相對定位。接著，在偽元素中為其添加文字content，使用display:block讓文字單獨占據一行，使用position:absolute將文字設置在盒子頂部并居中對齊，使用transform:translateX(-50%)保證文字在中心位置，使用background-color和padding屬性為文字添加背景色和內邊距。

這樣，在盒子的邊框上就能夠顯示出添加的文字內容了。需要注意的是，由于文字是通過設置偽元素添加的，因此在樣式中需要添加:before才能夠完美地實現邊框添加文字的效果。