CSS文本框是Web開發中常用的界面元素之一。當我們在編寫網頁時，可能需要向用戶提供一個文本框來讓用戶輸入信息。而為了使文本框的邊框更加醒目，我們可以使用CSS來設置文本框在被點擊的時候顯示邊框。下面我們來詳細介紹如何實現這個效果。

/* 在CSS中設置文本框的邊框 */
input[type="text"] {
border: 1px solid #ccc; /* 設置文本框邊框的樣式 */
padding: 3px; /* 設置文本框的內邊距 */
border-radius: 5px; /* 設置文本框的圓角 */
}
/* 設置文本框點擊時的樣式 */
input[type="text"]:focus {
border: 2px solid blue; /* 設置文本框點擊時的邊框樣式 */
outline: none; /* 去除文本框點擊時的虛線 */
}

以上代碼中，我們首先針對所有文本框(input[type="text"])設置了一些基本的樣式：邊框(border)、內邊距(padding)和圓角邊框(border-radius)。然后，我們通過設置文本框被點擊時的樣式(input[type="text"]:focus)來使其顯示邊框。在這里，我們將文本框的邊框寬度加大，并將顏色設置為藍色，以便更好地與其他元素進行區分。

需要注意的是，我們在這里去掉了文本框被點擊時的虛線(outline:none)，因為有些瀏覽器默認會在文本框被點擊時顯示虛線，這樣可能會影響頁面的美觀度。我們去掉虛線之后，就可以使文本框的邊框更加整潔。

通過以上方法，我們便可以為文本框設置點擊時有邊框的效果。當然，如果你還需要設置其它樣式，可以根據自己的需求進行調整。希望本文對大家有所幫助。