HTML 表單標籤是 <form>，而表單內還要有文字輸入欄位與送出表單的按鈕，這篇是要簡單的介紹一下其中的 text 文字輸入欄位的邊框設計（border design）。
說到邊框的設計，單純用 HTML 可能不容易設計得很漂亮，有個簡單的方法可以隨心所欲的設計，那就是使用 CSS 的 border 技巧來設計。（參考：W3C）
在這裡我們舉個簡單的範例來說明
<form>
<input type="text" style="border:2px #cccccc dashed; ">
</form>
以上語法可以呈現出這樣的結果
這個範例我們用的 style 是 dashed，也就是虛線，你也可以設計成實線、點或其他的樣式，而且如果覺得 2px 太粗，也可以寫成 1px 這樣的粗細，#cccccc 是灰色的意思。
想要更進一步認識邊框的設計，可以參考以下教學
CSS border-style 邊框樣式屬性介紹與範例
http://www.wibibi.com/info.php?tid=89
CSS border 樣式設計並不困難，但是必須遵照 W3C 的規則來設計，比較不容易出錯，另外邊框的應用來可以用在 HTML Form 的其他元素上，例如 textarea、select option、button、radio button ... 等，觀念基本上都是一樣的。
