SOURCE

console 命令行工具 X clear

                    
>
console
<div id="coke">
		<div id="y">
			<p id="x1"></p>
			<a href="javascript:void(0);" target="_top">
				<img src="http://www.romancortes.com/ficheros/coke-can.png" alt="Pure CSS Coke Can by Román Cortés">
			</a>
		</div>
	</div>
body
		{
			margin: 0;
			padding: 0;
			overflow: hidden;
		}

		#coke
		{
			width: 510px;
			height: 400px;
			margin: 0 auto;
			overflow: auto;
      background-color: #fff;
		}
		
		img
		{
			border: 0;
			margin-left: -172px;
		}
		
		a
		{
			display: block;
			padding-top: 19px;
			width: 194px;
		}

		div div
		{
			background-image: url(http://www.romancortes.com/ficheros/coke-scroll.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			padding-left: 300px;
			width: 660px;
		}

		p
		{
			margin: 0;
			padding: 0;
			float: left;
			height: 336px;
			background-image: url(http://www.romancortes.com/ficheros/coke-label.jpg);
			background-attachment: fixed;
			background-repeat: repeat-x;
			width: 170px;
		}
		
		#x1 {background-position: 5px 30px;}
		#x2 {background-position: 0px 30px;}
		#x3 {background-position: -3px 30px;}
		#x4 {background-position: -6px 30px;}
		#x5 {background-position: -8px 30px;}
		#x6 {background-position: -10px 30px;}
		#x7 {background-position: -12px 30px;}
		#x8 {background-position: -14px 30px;}
		#x9 {background-position: -15px 30px;}
		#x10 {background-position: -16px 30px;}
		#x11 {background-position: -17px 30px;}
		#x12 {background-position: -18px 30px;}
		#x13 {background-position: -19px 30px;}
		#x14 {background-position: -20px 30px;}
		#x15 {background-position: -21px 30px;}
		#x16 {background-position: -22px 30px; width: 2px;}
		#x17 {background-position: -23px 30px;}
		#x18 {background-position: -24px 30px; width: 2px;}
		#x19 {background-position: -25px 30px; width: 2px;}
		#x20 {background-position: -26px 30px; width: 2px;}
		#x21 {background-position: -27px 30px; width: 2px;}
		#x22 {background-position: -28px 30px; width: 3px;}
		#x23 {background-position: -29px 30px; width: 3px;}
		#x24 {background-position: -30px 30px; width: 4px;}
		#x25 {background-position: -31px 30px; width: 5px;}
		#x26 {background-position: -32px 30px; width: 7px;}
		#x27 {background-position: -33px 30px; width: 12px;}
		#x28 {background-position: -34px 30px; width: 55px;}
		#x29 {background-position: -35px 30px; width: 11px;}
		#x30 {background-position: -36px 30px; width: 6px;}
		#x31 {background-position: -37px 30px; width: 5px;}
		#x32 {background-position: -38px 30px; width: 4px;}
		#x33 {background-position: -39px 30px; width: 3px;}
		#x34 {background-position: -40px 30px; width: 2px;}
		#x35 {background-position: -41px 30px; width: 3px;}
		#x36 {background-position: -42px 30px; width: 2px;}
		#x37 {background-position: -43px 30px; width: 2px;}
		#x38 {background-position: -44px 30px;}
		#x39 {background-position: -45px 30px; width: 2px;}
		#x40 {background-position: -46px 30px;}
		#x41 {background-position: -47px 30px;}
		#x42 {background-position: -48px 30px;}
		#x43 {background-position: -49px 30px;}
		#x44 {background-position: -50px 30px;}
		#x45 {background-position: -51px 30px;}
		#x46 {background-position: -52px 30px;}
		#x47 {background-position: -53px 30px;}
		#x48 {background-position: -54px 30px;}
		#x49 {background-position: -56px 30px;}
		#x50 {background-position: -58px 30px;}
		#x51 {background-position: -60px 30px;}
		#x52 {background-position: -62px 30px;}
		#x53 {background-position: -65px 30px;}
		#x54 {background-position: -68px 30px;}
		#x55 {background-position: -74px 30px;}