首页 新闻 搜索 短信 分类 聊天 企业
上移动梦网
赢手机大奖

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 正文
感觉是在答卷 轻松实现网上填空

http://www.sina.com.cn 2002/07/30 11:49 赛迪网--中国电脑教育报

  在网上做有奖信息的时候,经常看见一些注册表单,只有一条线供你填写,就跟做考卷时的填空题一样,很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>

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

  (责任编辑 冲锋队)


  


发表评论】【初学者园地】【科技聊天】【关闭窗口

新 闻 查 询

 相关链接
【学园专题】主页制作步步高
自己制作友好的页面“确认对话框”(2002/07/25 11:23)
让“小窝”更具魅力 网页制作有诀窍(2002/07/22 09:18)
批量消除网页连接上的“虚线框”(2002/07/19 13:04)
制作和管理个人站点的三点建议(2002/07/19 09:26)
网页制作有捷径:Xara WebStyle(2002/07/18 12:06)
走近3D梦幻网页(3)--事件与动作(2002/07/18 11:58)
走近3D梦幻网页(2)--打造3D虚拟世界(2002/07/01 10:04)
走近3D梦幻网页(1)--初次握手3D网页(2002/06/27 09:54)


科技时代意见反馈留言板 电话:010-82612286 或 010-82628888-5488   欢迎批评指正

新浪简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 产品答疑

Copyright © 1996 - 2002 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网