用户注册



邮箱:

密码:

用户登录


邮箱:

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

发表随想


还能输入: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、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

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

加载中,请稍后...