Div+Css教程模板無(wú)憂>建站教程>Div+Css教程>Web標(biāo)準(zhǔn)教程>

用CSS輕松實(shí)現(xiàn)網(wǎng)上填空_Web標(biāo)準(zhǔn)教程

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

在網(wǎng)上做有獎(jiǎng)信息的時(shí)候，經(jīng)常看見(jiàn)一些注冊(cè)表單，只有一條線供你填寫(xiě)，就跟做考卷時(shí)的填空題一樣，很Cool！

其實(shí)要做成這樣的效果并不難，只需用一段很簡(jiǎn)短的CSS代碼即可搞定！

以下為引用的內(nèi)容：
< style type="text/css">
　　< !--
　　.xian{BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none}
　　-- >
　　< /style>

其中代碼的作用如下：

以下為引用的內(nèi)容：
“BORDER-LEFT-STYLE:none”：不顯示左邊框
　　“BORDER-RIGHT-STYLE: none”：不顯示右邊框
　　“BORDER-TOP-STYLE: none”：不顯示上邊框
　　“BORDER-bottom-STYLE: none”：不顯示上邊框，加上這條，什么邊框也沒(méi)有了

讓我們一起來(lái)看一個(gè)應(yīng)用實(shí)例吧：

以下為引用的內(nèi)容：
< html>
　　< head>
　　< title>網(wǎng)上填空< /title>
　　< style type="text/css">
　　< !--
　　.xian{BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none ;}
　　-- >
　　< /style>< !--注：此段為css代碼，在這里更改參數(shù)可以設(shè)置出更c(diǎn)ool的效果-->
　　< /head>
　　< body bgcolor="#FFFFFF" text="#000000">
　　隱藏你的邊框
　　< p>用戶名：
　　< input type="text" name="name" class=xian> < !--注：class=這條一定要加，設(shè)置你的css應(yīng)用在表單里面-- >

　　< /p>
　　< /body>
　　< /html>

實(shí)現(xiàn)的效果簡(jiǎn)潔清爽，怎么樣，也改改你的表單吧!