CSS圓形框加文字是制作網(wǎng)頁時(shí)常用的效果之一。下面介紹一下實(shí)現(xiàn)方法：

/*創(chuàng)建圓形框的樣式*/
.circle {
width: 100px;
height: 100px;
border: 2px solid #000;
border-radius: 50%;
text-align: center;
line-height: 100px;
}
/*在圓形框內(nèi)添加文字*/
.circle span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}

首先創(chuàng)建一個(gè)圓形框的樣式，通過width、height、border和border-radius屬性實(shí)現(xiàn)。text-align設(shè)置文字的對(duì)齊方式，line-height設(shè)置行高，讓文字居中顯示。

接著，在圓形框內(nèi)添加文字，可以使用span標(biāo)簽實(shí)現(xiàn)。應(yīng)該把span標(biāo)簽定義成內(nèi)聯(lián)塊元素，然后使用vertical-align屬性將其置于中央。同時(shí)，也需要設(shè)置line-height屬性，使文字在圓形框內(nèi)整體居中。

這是我們實(shí)現(xiàn)圓形框加文字的方法。您可以根據(jù)需要改變樣式屬性以及文本內(nèi)容和位置。希望您能喜歡這個(gè)效果！