| 网站首页 | 硬件维修 | 应用学院 | 网络组建 | 网站制作 | 菜鸟黑客 | 编程之道 | 数码大全 | 娱乐休闲 | 软件下载 | 在线视频 | 请您留言 | 技术论坛 | 
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
  • 用javascript实现利用FL…

  • 如何实现iframe(嵌入式帧)的…

  • 将金额小写转化成汉字大写的…

  • 用JavaScrpt实现文件夹轻松加…

  • 用javascript实现浏览器…

  • 实现textarea内字符串选择查…

  • javascript+xml实现二级…

  • 用javascript连接access…

  • 几行代码轻松搞定网页的简繁…

  • 中文的版用javascript实…

  • Q
    您现在的位置: 我是IT人 >> 网站制作 >> 网页设计 >> CSS >> 文章正文
    用CSS轻松实现网上填空           
    用CSS轻松实现网上填空
    作者:网络 文章来源:转载 点击数: 更新时间:2006-1-4
    [ 字体:缩小 正常 放大 | 双击自动滚屏 ]
    请选择合适的字体颜色:

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

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


    [1]

    文章录入:54iter    责任编辑:54iter 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 关于我们 | 友情链接 | 版权申明 |