HtmlCssJs
button,[type="color"] {	height:30px;	border-radius:4px;	width:100px; } [type="color"] {	position:relative;	bottom:1px; } .toolBar {	box-shadow:0 0 2px #afa0a0,0 0 4px #c79797;	border-top-left-radius:5px;	border-top-right-radius:5px;	padding:5px;	background:#fff5f5; } button {	cursor:pointer; } body .container {	width:100%;	height:100%;	overflow:auto;	box-shadow:0 2px 2px #afa0a0,0 2px 4px #c79797;	border-bottom-left-radius:5px;	border-bottom-right-radius:5px;	padding:5px;	border:none;	resize:none;	outline:pink;	color:#74a6d0; } pre {	font-size:14;	color:#44ab98;	margin:0;	position:relative;	top:-1; } body {	margin:10px auto;	width:1280px;	height:600px; } body #error_info {	width:400px;	height:100px;	position:fixed;	left:40%;	top:45;	display:none;	box-shadow:0 1px 1px #CDCDCD;	border-radius:5px;	background:#fbbeb540;	color:#ffb4b4;	text-shadow:0 1px 1px #000;	padding:5px; }