首 页免费资源建站技术源码下载软件下载精品淘吧客户留言
用户登陆 | 用户注册
您当前的位置:笃志小屋建站技术网站开发CSS相关 → 文章内容
用CSS轻松实现网上填空
作者:佚名  来源:不详  发布时间:2007-8-30 16:05:33

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

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

2007-8-30 16:05:33免费资源duzhi.net

[ ] [返回上一页] [打 印]

【笃志小屋duzhi.net】

  技术文章导航
  技术文章排行
  精彩推荐
Copyright www.duzhi.net All Right Reserved.
设计制作:翼迅设计室 Equick Desgin Home 在线QQ:303471038
网络备案号:冀ICP备06008201号 站长信箱:webmaster#duzhi.net(将#换为@)
本站部分文章和图片来源于网络和内容提供伙伴,如果侵犯了您的权利,请留言告知,本站定会及时删除相关文件!