hidoos · February 27, 2014 02:10
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;
 }
 .mod .btn{
 	padding:4px 10px;
 	margin-right:20px;
 	background:#343434;
 	color:#fff;
 	border:1px solid #000;
 	box-shadow:inset 0 1px 1px rgba();
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div class="mod">
 	<div class="box">
 	</div>
 	<div class="group" style="margin-top:40px;">
 		<button class="btn">button</button><button class="btn">button</button>
 	</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;
	}
	.mod .btn{
	padding:4px 10px;
	margin-right:20px;
	background:#343434;
	color:#fff;
	border:1px solid #000;
	box-shadow:inset 0 1px 1px rgba();
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="mod">
	<div class="box">
	</div>
	<div class="group" style="margin-top:40px;">
	<button class="btn">button</button><button class="btn">button</button>
	</div>
	</div>