用CSS轻松实现网上填空,用CSS轻松实现网上填空
【 tulaoshi.com - Html 】
在网上做有奖信息的时候，经常看见一些注册表单，只有一条线供你填写，就跟做考卷时的填空题一样，很Cool！
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/html/）其实要做成这样的效果并不难，只需用一段很简短的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
实现的效果简洁清爽，怎么样，也改改你的表单吧！
来源:http://www.tulaoshi.com/n/20160129/1484203.html
看过《用CSS轻松实现网上填空》的人还看了以下文章 更多>>
