在網路上做有獎資訊的時候，常常看見一些註冊表單，只有一條線供你填寫，就跟做考卷時的填空題一樣，很Cool！
其實要做成這樣的效果並不難，只要用一段很簡短的CSS程式碼即可搞定！
| 以下為引用的內容： < style type="text/css"> < !-- .xian{BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none} -- > < /style> |
其中程式碼的作用如下：
| 以下為引用的內容： 「BORDER-LEFT-STYLE:none」： 不顯示左邊框「BORDER-RIGHT-STYLE: none」： 不顯示右邊框「BORDER-TOP-STYLE: none」： 不顯示上方邊框「BORDER-bottom-STYLE: none 」： 不顯示上邊框，加上這條，什麼邊框也沒有了 |
讓我們一起來看一個應用程式實例吧：
| 以下為引用的內容： < html> < head> < title>網上填空< /title> < style type="text/css"> < !-- .xian{BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none ;} -- > < /style>< !--註：此段為css代碼，在這裡更改參數可以設定出更cool的效果--> < /head> < body bgcolor="#FFFFFF" text="#000000"> 隱藏你的邊框< p>使用者名稱： < input type="text" name="name" class=xian> < !--註：class=這條一定要加，設定你的css應用在表單裡面-- > < /p> < /body> < /html> |
實現的效果簡潔清爽，怎麼樣，也改改你的表單吧!