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