首页新闻手机家电数码电脑财经大模型直播

CSS技巧——用CSS轻松实现网上填空

来源：互联网作者：若水 2008-03-22/14:01

软件频道

软件教程

CSS

应用技巧

正文

在网上做有奖信息的时候，经常看见一些注册表单，只有一条线供你填写，就跟做考卷时的填空题一样，很Cool！

其实要做成这样的效果并不难，只需用一段很简短的CSS代码即可搞定！

其中代码的作用如下：

“BORDER-LEFT-STYLE:none”：不显示左边框
“BORDER-RIGHT-STYLE: none”：不显示右边框
“BORDER-TOP-STYLE: none”：不显示上边框
“BORDER-bottom-STYLE: none”：不显示上边框，加上这条，什么边框也没有了

让我们一起来看一个应用实例吧：

<html>
<head>
<title>网上填空</title>
<style type="text/css">

</head>
<body bgcolor="#FFFFFF" text="#000000">
隐藏你的边框
<p>用户名：
<input type="text" name="name" class=xian> <!--注：class=这条一定要加，设置你的css应用在表单里面-- >
</p>
</body>
</html>

实现的效果简洁清爽，怎么样，也改改你的表单吧！

{{cmoun}}人已赞

评论 {{userinfo.comments}}