用户注册



邮箱:

密码:

用户登录


邮箱:

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

发表随想


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

盒子模型

2014-08-04 作者: jun举报

[css]代码库

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>盒子模型</title>
	<style type="text/css">
		div{
			/*设置标签的上下左右边框
			border:1px solid red;
			*/
			border-top:20px solid blue;
			border-right: 20px solid red;
			border-bottom: 20px solid yellow;
			border-left: 20px solid green;
			width: 30px;
			height: 30px;
			/*
			margin-top: 0px;
			margin-left: 0px;
			*/
			margin: 10px ;
			
			
			
		}
		body{
			margin: 0px;
			padding: 0px;
		}
		.one{
			margin: 30px;
			padding:10px 50px 100px;
		}
	
		
	</style>

</head>
<body>
	<!-- 
	<div>
		DIV中的数据
	</div>
	 -->
	<div class="one">
		DIV中的数据
	</div>
	<!-- 
	<div>
		DIV中的数据
	</div>
	 -->
</body>
</html>


网友评论    (发表评论)

共1 条评论 1/1页

发表评论:

评论须知:

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


扫码下载

加载中,请稍后...

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

加载中,请稍后...