用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - css代码库

演示css的选择器

2014-08-04 作者: jun举报

[css]代码库

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>演示css的选择器</title>
    <!--
    <style type="text/css">
         
        input{
            /*
            border: none;取消标签的边框
            */
            border: none;
            /*
            设置input标签的下边框样式
            */
            border-bottom-color: blue;
            border-bottom-style: solid;
            border-bottom-width: 1px;
        }
    </style>
     -->
    <style type="text/css">
        /*
            演示类名选择器
        */
        .one{
            border: none;
            border-bottom:blue solid 1px;
        }
        .two{
            border: none;
            border-top: yellow solid 2px;
        }
     
     
    </style>
 
  </head>
   
  <body>
     
    用户名:<input class="one" type="text" /> <br/>
    用户名:<input class="one" type="text" /><br/>
    用户名:<input class="two" type="text" /><br/>
    用户名:<input class="two" type="text" /><br/>
     
    <div class="one">
        div数据
    </div>
    <div class="two">
        div数据
    </div>
   
  </body>
</html>


网友评论    (发表评论)

共1 条评论 1/1页

发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...