用CSS輕松實現網上填空_Web標準教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

在網上做有獎信息的時候，經常看見一些注冊表單，只有一條線供你填寫，就跟做考卷時的填空題一樣，很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>

實現的效果簡潔清爽，怎么樣，也改改你的表單吧!