登陆 注册 收藏本页

用CSS轻松实现网上填空-Web标准教程

『 更新时间:2007-09-13 』『 字体: 』『 作者: |  来源:模板无忧 』

在网上做有奖信息的时候,经常看见一些注册表单,只有一条线供你填写,就跟做考卷时的填空题一样,很Cool! mb5u---Com-模板无忧

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

MB5U____COM

wWw.MB5U_COM

以下为引用的内容:
< style type="text/css">
  < !--
  .xian{BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none}
  -- >
  < /style>
www.MB5U_COM

其中代码的作用如下:

模板无忧-Mb5u.com

以下为引用的内容:
“BORDER-LEFT-STYLE:none”: 不显示左边框
  “BORDER-RIGHT-STYLE: none”: 不显示右边框
  “BORDER-TOP-STYLE: none”: 不显示上边框
  “BORDER-bottom-STYLE: none”: 不显示上边框,加上这条,什么边框也没有了

模板无忧-MB5U.-COM

模板无忧-MB5u__com

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

wwW.MB5U_COM

Mb5U.com-模板无忧

以下为引用的内容:
< 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应用在表单里面-- >

模板无忧-MB5u__com


  < /p>
  < /body>
  < /html>

wWw.MB5U_COM

模板无忧-Mb5u.com

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

www.MB5U__COM

MB5U_COM

收藏用CSS轻松实现网上填空订阅Web标准教程文章更新复制文章信息 分享给你的好友查看所有用CSS轻松实现网上填空评论返回Web标准教程列表
  • 1.请勿发表广告及违法言论.
  • 2.用CSS轻松实现网上填空,版权归原作者.
  • 昵称: 验证: 看不清楚?请点击这里刷新.
loading.. 评论加载中....

Web标准教程搜索

最新Web标准教程