hidoos · February 25, 2014 09:33
diff --git a/dabblet.css b/dabblet.css
 /**
 * gradient 质感  
 */
 body,div{
 	margin:0;
 	padding:0;
 }
 .mod{
 	background:#343434; /* 盒子outside的颜色 */
 	height:400px;
 	padding:40px;
 }

 .mod .box{
 	width:100px;
 	height:100px;
 	background:#3bb3e0; /* 盒子inside的颜色 */
 	border:1px solid #000;
 	// 内嵌的颜色必须浅于盒子内部的背景颜色，外部的颜色必须浅于盒子外部的背景颜色                         
 	box-shadow: inset 0px 1px 0px #96E4FF, 0px 1px 0px #696363;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div class="mod">
 	<div class="box">
 	</div>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* gradient 质感
	*/
	body,div{
	margin:0;
	padding:0;
	}
	.mod{
	background:#343434; /* 盒子outside的颜色 */
	height:400px;
	padding:40px;
	}

	.mod .box{
	width:100px;
	height:100px;
	background:#3bb3e0; /* 盒子inside的颜色 */
	border:1px solid #000;
	// 内嵌的颜色必须浅于盒子内部的背景颜色，外部的颜色必须浅于盒子外部的背景颜色
	box-shadow: inset 0px 1px 0px #96E4FF, 0px 1px 0px #696363;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="mod">
	<div class="box">
	</div>
	</div>