文本輸入框是我們在網頁中經常用到的元素，用于接收用戶的輸入。而在輸入框周圍，我們可以使用CSS屬性來設置輸入框的邊框距離，讓頁面看起來更加美觀。
在CSS中，我們使用border屬性來設置輸入框的邊框樣式、寬度和顏色。而在輸入框周圍增加一定的距離，可以讓頁面看起來更加整潔。常見的邊框樣式包括實線、虛線和點線等。
如果想要設置輸入框距離邊框的距離，我們可以使用padding屬性。padding表示元素邊框與元素內容之間的距離，通過設置padding來達到輸入框距離邊框的目的。
下面是一段CSS代碼，用于設置輸入框的邊框和padding：

input {
border: 1px solid #ccc;
padding: 10px;
}

在上面的代碼中，我們設置了輸入框的邊框樣式為1像素實線，顏色為#ccc。同時，我們還設置了輸入框的padding為10像素，讓輸入框內容離邊框有一定距離。
如果想要進一步美化頁面，我們可以使用CSS的box-shadow屬性來為輸入框增加立體效果。box-shadow可以為元素添加一個類似陰影的效果，讓頁面看起來更加立體、飽滿。
下面是一段CSS代碼，用于為輸入框增加box-shadow效果：

input {
border: 1px solid #ccc;
padding: 10px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

在上面的代碼中，我們使用box-shadow為輸入框添加了一個5像素的淡色陰影，讓輸入框看起來更加立體。
總之，通過使用CSS的border、padding和box-shadow屬性，我們可以輕松地為輸入框添加邊框距離和立體效果，讓頁面看起來更加美觀。