CSS的用途之一是美化網(wǎng)頁，其中文本的美化也很重要。有時我們需要將一段文字以按鈕的形式顯示出來，以提高用戶交互體驗。

.button {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 4px;
}

以上是將文本樣式轉(zhuǎn)為按鈕樣式的CSS代碼，其中"display"屬性用于將文本轉(zhuǎn)為行內(nèi)塊級元素，"padding"屬性用于設(shè)置按鈕內(nèi)邊距，"margin-bottom"屬性設(shè)置按鈕下外邊距，"font-size"屬性設(shè)置字體大小，"font-weight"屬性設(shè)置字體否為粗體，"text-align"屬性用于將文本居中，"white-space"屬性用于設(shè)置文本不換行，"vertical-align"屬性用于文本垂直居中，"cursor"屬性設(shè)置鼠標(biāo)樣式，"border"屬性用于設(shè)置元素邊框，"border-radius"設(shè)置元素圓角弧度。

以上代碼中的".button"是CSS類名，可以根據(jù)需求自定義類名實現(xiàn)不同按鈕樣式。

實現(xiàn)按鈕樣式與樣式名稱后，在HTML文檔中可以通過以下代碼實現(xiàn)按鈕文本的顯示：

<button class="button">按鈕文本</button>

以上代碼通過button標(biāo)簽及自定義類名引用CSS，實現(xiàn)了將"按鈕文本"顯示為按鈕樣式。

以上便是用CSS實現(xiàn)文本顯示成按鈕的方法，加入到網(wǎng)頁中，可以讓網(wǎng)頁更加生動有趣。