游客:
注册
|
登录
|
帮助
网友俱乐部
»
网页制作
»
HTML/CSS教程
» 用CSS轻松实现网上填空
网友生活网
|
网友学堂
如何获得金币?
诚招斑竹
IP归属地查询 PR查询 收录查询 whois查询
免费超短2级域名,your.jpy.cc
传世私服
|
传奇世界私服
注册亚洲交友中心,找个人来同居吧!
7CODE查杀恶意代码,守护您的电脑
‹‹ 上一主题
|
下一主题 ››
投票
交易
悬赏
活动
打印
|
推荐
|
订阅
|
收藏
标题: 用CSS轻松实现网上填空
问天
元帅
UID 11493
精华
186
积分 34139
帖子 33348
威望 88
金币 13137
热心 2612
阅读权限 100
注册 2006-4-7
状态 离线
#1
使用道具
发表于 2007-2-15 01:02
资料
个人空间
主页
短消息
加为好友
用CSS轻松实现网上填空
在网上做有奖信息的时候,经常看见一些注册表单,只有一条线供你填写,就跟做考卷时的填空题一样,很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>
实现的效果简洁清爽,怎么样,也改改你的表单吧!
网友
问天
签名 - 网友社区
请您回个帖。谢谢
PR查询
免费域名
免费空间
[广告]
免费域名(Free Subdomain)
免费空间(Free hosting)
PR查询(Google Pagerank)
投票
交易
悬赏
活动
控制面板首页
编辑个人资料
积分交易
公众用户组
好友列表
个人空间管理
基本概况
流量统计
客户软件
发帖量记录
论坛排行
主题排行
发帖排行
积分排行
在线时间
管理团队
管理统计
当前时区 GMT+8, 现在时间是 2008-9-9 01:35
信产部ICP备案:
京ICP备05066424号
北京市公安局网监备案:1101050648号
Powered by
Discuz!
5.5.0
TOP
清除 Cookies
-
联系我们
-
网友俱乐部
-
Archiver
-
WAP