在網上做有獎信息的時候，經常看見一些注冊表單，只有一條線供你填寫，就跟做考卷時的填空題一樣，很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> |
實現的效果簡潔清爽，怎么樣，也改改你的表單吧!
新聞熱點
疑難解答
