用CSS轻松实现网上填空

TX聊天专用

TX聊天专用

2016-01-29 12:00

用CSS轻松实现网上填空,用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”: 不显示上边框,加上这条,什么边框也没有了

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/html/)

    < 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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/html/)

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

 
展开更多 50%)
分享

猜你喜欢

用CSS轻松实现网上填空

Html CSS布局 Div+CSS XHTML
用CSS轻松实现网上填空

实现透视效果用css来实现

Web开发
实现透视效果用css来实现

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用css实现图片替换

Web开发
用css实现图片替换

CSS轻松实现色块标题标识

Html CSS布局 Div+CSS XHTML
CSS轻松实现色块标题标识

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS简单实例:用css来实现透视效果

Web开发
CSS简单实例:用css来实现透视效果

用js实现CSS圆角生成更新

Web开发
用js实现CSS圆角生成更新

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

PSV《高达破坏者2》无DLC尚无掉落情报的部件

PSV《高达破坏者2》无DLC尚无掉落情报的部件

使用免费界面换肤软件 USkin

使用免费界面换肤软件 USkin
下拉加载更多内容 ↓