CSS是前端開發者必須熟練掌握的技能之一。其中，文字在邊框線中間的樣式應用較為廣泛，今天本文就來介紹一下如何實現這種效果。

.box{
border:1px solid #000;
padding:10px;
text-align:center;
width:200px;
}
.box p{
position:relative;
display:inline-block;
}
.box p:before{
content:'';
display:block;
position:absolute;
top:50%;
left:0;
right:0;
height:1px;
background-color:#000;
}

代碼解釋：

首先，我們創建一個包含邊框線和內邊距的盒子，這個盒子的寬度和文本的長度應該是相同的，否則會導致邊框線出現問題。然后，我們設置文本的對齊方式為居中，并使用了position:relative讓文本的偽元素的定位相對于文本本身。

接著，我們使用:before偽元素創建了一條寬度為1px、顏色為黑色的直線，這條直線的高度為50%（因為我們希望它在文本的中間）。最后，我們將這條直線的左、右定位為零，并使它與文本水平居中。

總結：

通過這個例子，我們可以發現，在邊框線中間添加樣式是非常簡單的。重要的事情只有一條：你需要通過偽元素來添加直線，然后將它的位置正確對齊。那么，是不是很簡單呢？趕快去嘗試一下吧！