类别: 蛋疼物语
标签:
昨晚无聊，用css拼了一个马里奥FC的地图，无图片的，真的有点Ballache。
在线地址 围观
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Author" content="ariesjia" /> <title>Ballache Mario</title> <style> html{color:#666;background:#FFF}body{font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif}body,div{margin:0;padding:0}em{font-style:normal;font-weight:normal}.clearfix:after{content:" 020";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}.clear{clear:both}#page{width:410px;margin:0 auto;margin-top:50px}#sky{height:300px;background:#5d93fd;overflow:hidden;position:relative}#ground{width:410px;height:38px;overflow:hidden;position:relative}#ground .cont{width:480px;margin-left:-12px}.wall{position:absolute;width:22px;height:20px;background:#ff9d30;border-top:1px #fba1aa solid;border-bottom:1px #4f2c04 solid;overflow:hidden}.wall div{width:26px}.wall span{width:10px;height:4px;float:left;display:block;overflow:hidden;background:#c72c00;border-right:1px #0b0100 solid;border-bottom:1px #0b0100 solid}.wall span.l{width:5px}.wall.w1{bottom:68px;left:100px}.mark{position:absolute;width:20px;height:20px;background:#ff9d30;border-top:1px #c32f0b solid;border-left:1px #d12800 solid;border-right:1px #050000 solid;border-bottom:1px #4f2c04 solid;text-indent:5px;font-size:18px;line-height:20px;color:#2c2207;font-weight:bold;font-family:Mangal}.mark.m1{bottom:68px;left:170px}.mark.m2{bottom:68px;left:220px}.mark.m3{bottom:68px;left:270px}.mark.m4{bottom:136px;left:220px}.mark em{position:absolute;top:0px;left:0px;text-indent:4px;line-height:18px;display:block;color:#cc2b01}.makt{width:2px;height:2px;overflow:hidden;background:#b97224;position:absolute}.makt span{width:1px;height:1px;overflow:hidden;background:#000;position:absolute;right:0px;top:0px}.makt.k1{left:2px;top:2px}.makt.k2{right:2px;top:2px}.makt.k3{left:2px;bottom:2px}.makt.k4{right:2px;bottom:2px}.grass{position:absolute;bottom:0px}.grass.sizeS{width:74px;height:27px;right:-19px}.grass.sizeB{width:117px;height:52px;left:-60px}.grass .gls,.grass .grs{height:0px;width:0px;position:absolute;bottom:0px;border-top:26px transparent dashed}.grass .gls{border-right:26px #000 solid}.grass .grs{right:0px;border-left:26px #000 solid}.grass .gls div,.grass .grs div{height:0px;width:0px;position:absolute;top:-24px;border-top:24px transparent dashed}.grass .gls div{border-right:24px #00ab00 solid;left:2px}.grass .grs div{border-left:24px #00ab00 solid;right:2px}.grass .glc,.grass .glc div,.grass .grc,.grass .grc div{position:absolute;width:5px;height:100%;background:#01ab00;border-top:2px #000 solid}.grass .glc{left:26px;top:1px}.grass .glc div{top:-3px;left:3px}.grass .grc{right:26px;top:1px}.grass .grc div{top:-3px;right:3px}.grass .d{position:absolute;width:9px;height:12px;right:20px;bottom:6px}.grass .d.p1{right:37px;bottom:14px}.grass .d.p2{right:46px;bottom:28px}.grass .dottedO,.grass .dottedK{position:absolute;background:#000100;border-left:1px #015b01 solid;border-bottom:1px #015b01 solid}.grass .dottedO{overflow:hidden;width:2px;height:5px;left:0px;bottom:0px}.grass .dottedK{width:4px;height:5px;right:0px;top:1px}.grass .dottedK span,.grass .dottedK em{display:block;background:#010000;width:1px;height:1px;overflow:hidden;position:absolute;left:20%}.grass .dottedK span{top:-1px;border-top:1px #022400 solid}.grass .dottedK em{bottom:-2px;border-bottom:1px #022400 solid}.grass.sizeS .gls{border-width:26px}.grass.sizeS .gls div{top:-24px;border-width:24px}.grass.sizeB .gls,.grass.sizeB .grs{border-width:47px}.grass.sizeB .gls div,.grass.sizeB .grs div{top:-45px;border-width:45px}.grass.sizeB .glc{left:47px;top:6px}.grass.sizeB .grc{right:47px;top:6px}.grass.sizeB .glc div,.grass.sizeB .grc div{width:7px}.brick{float:left;display:inline;width:21px;height:21px;display:block;border-top:2px #fec6b5 solid;border-left:1px #fec6b5 solid;border-bottom:1px #483a3a solid;border-right:1px #bf9390 solid;position:relative;background:#c74d0c}.brick *{display:block;overflow:visible}.brick span.t{background:#da7346;position:absolute;width:100%;top:0px;left:-1px;height:1px;overflow:hidden}.brick span.r{background:#010100;position:absolute;height:100%;top:0px;right:0px;width:1px;overflow:hidden;border-left:1px #aa3f09 solid}.brick span.b{background:#1d0501;position:absolute;width:100%;bottom:0px;left:0px;height:1px}.brick span.b span{width:1px;height:1px;background:#1d0501;position:absolute;right:1px;top:-2px;border-left:1px #532003 solid;border-top:1px #893507 solid;overflow:hidden}.brick span.clt{width:1px;height:1px;background:#c54a07;position:absolute;left:-1px;top:-1px}.brick span.crt{width:2px;height:1px;background:#c53f00;position:absolute;top:-1px;right:-1px}.brick span.crt span{width:1px;height:1px;background:#d64d07;position:absolute;top:0px;right:0px;overflow:hidden}.brick span.clb{width:1px;height:1px;background:#be4204;position:absolute;bottom:-1px;left:-1px}.brick span.crb{width:2px;height:2px;background:#9d3d0a;position:absolute;right:-1px;bottom:-1px}.brick span.crb span{width:1px;height:1px;background:#d34805;position:absolute;right:0px;bottom:0px;overflow:hidden}.brick div.lcf{width:1px;height:14px;background:#32292a;border-left:1px #360f00 solid;border-right:1px #ffccc1 solid;position:absolute;top:-1px;left:12px}.brick div.lcf span{width:1px;height:1px;background:#d04300;border-bottom:1px #ee9f80 solid;position:absolute;overflow:hidden}.brick .lcf .lcftd{left:1px}.brick .lcf .lcftdk{left:1px;top:7px}.brick .lcf .lcsr{position:absolute;height:1px;width:5px;top:7px;left:2px;background:#866963;border-top:1px #000 solid;border-bottom:1px #ffbcab solid}.brick .lcf .lcsr span{width:1px;height:1px;background:#ce4a02;border-bottom:1px #622101 solid;position:absolute;overflow:hidden}.brick .lcf .lcsr em{width:2px;height:1px;background:#8c4622;border-bottom:1px #0c151c solid;position:absolute;top:-3px;left:0px;overflow:hidden}.brick .lcf .lcsr .lcsrtd{right:-1px;top:-1px}.brick .lcf .lcsb{position:absolute;bottom:-3px;height:3px;width:1px;left:-2px;background:#af8787;border-left:1px #010002 solid;border-right:1px #ffb399 solid}.brick .lcf .lcsb .lcsbb{position:absolute;top:3px;height:6px;width:1px;left:-2px;border-left:1px #030303 solid;background:#f5bfb3;border-right:1px #dc7042 solid}.brick .lcf .lcsb .lcsbb span{width:1px;height:1px;background:#a94410;border-bottom:1px #f2804c solid;border-left:1px #581b00 solid;position:absolute;left:-2px;bottom:0px;overflow:hidden}.brick .tcb{width:5px;height:1px;border-top:1px #000 solid;background:#997873;border-bottom:1px #feb69d solid;position:absolute;left:-6px}.brick .tcb em{width:1px;height:1px;background:#2f2420;border-bottom:1px #a67668 solid;margin-top:-1px;overflow:hidden}.brick .tcb .tcbs{width:2px;height:1px;border-top:1px #000 solid;background:#fac7c6;border-bottom:1px #de7c4d solid;position:absolute;left:-2px;bottom:0px}.brick .tcb .tcbs em{width:2px;height:1px;background:#752c03;position:absolute;top:-1px;overflow:hidden}.brick .tcb .tcbs .tcbst{width:4px;height:1px;border-top:1px #110c09 solid;background:#6a5751;border-bottom:1px #fed3c2 solid;position:absolute;left:-4px;bottom:0px}.brick .tcb .tcbs .tcbst span,.brick .tcb .tcbs .tcbst em{width:1px;height:1px;position:absolute;right:0px;left:auto;overflow:hidden}.brick .tcb .tcbs .tcbst span{background:#843004;border:0 none;border-bottom:1px #693923 solid}.brick .tcb .tcbs .tcbst em{background:#6b524e;border:0 none;border-bottom:1px #e69174 solid;top:1px} </style> </head> <body> <div id="page"> <div id="sky"> <div class="wall w1"><div><span></span><span></span><span class="l"></span><span></span><span class="l"></span><span></span><span></span><span class="l"></span><span></span><span class="l"></span></div></div> <div class="mark m1">?<em>?</em><div class="makt k1"><span></span></div><div class="makt k2"><span></span></div><div class="makt k3"><span></span></div><div class="makt k4"><span></span></div></div> <div class="mark m2">?<em>?</em><div class="makt k1"><span></span></div><div class="makt k2"><span></span></div><div class="makt k3"><span></span></div><div class="makt k4"><span></span></div></div> <div class="mark m3">?<em>?</em><div class="makt k1"><span></span></div><div class="makt k2"><span></span></div><div class="makt k3"><span></span></div><div class="makt k4"><span></span></div></div> <div class="mark m4">?<em>?</em><div class="makt k1"><span></span></div><div class="makt k2"><span></span></div><div class="makt k3"><span></span></div><div class="makt k4"><span></span></div></div> <div class="grass sizeB"><div class="gls"><div></div></div><div class="grs"><div></div></div><div class="glc"><div><div></div></div></div><div class="grc"><div><div></div></div></div><div class="d p1"><div class="dottedO"></div><div class="dottedK"><span></span><em></em></div></div><div class="d p2"><div class="dottedO"></div><div class="dottedK"><span></span><em></em></div></div></div> <div class="grass sizeS"><div class="gls"><div></div></div><div class="grs"><div></div></div><div class="glc"><div><div><div></div></div></div></div><div class="grc"><div><div><div></div></div></div></div><div class="d"><div class="dottedO"></div><div class="dottedK"><span></span><em></em></div></div></div> </div> <div id="ground"> <div class="cont clearfix"> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> <div class="brick"> <span class="t"></span><span class="r"></span><span class="b"><span></span></span><span class="clt"></span><span class="crt"><span></span></span><span class="clb"></span><span class="crb"><span></span></span><div class="lcf"><span class="lcftd"></span><span class="lcftdk"></span><div class="lcsr"><span class="lcsrtd"></span><em></em></div><div class="lcsb"><div class="lcsbb"><span></span><div class="tcb"><div class="tcbs"><div class="tcbst"><span></span><em></em></div><em></em></div><em></em></div></div></div></div> </div> </div> </div> </div> </body> </html>
提示：你可以先修改部分代码再运行。
作者：ariesjia
这个图你做的真实NB~
太牛了，这也能用CSS做
评论
名称 *
邮箱 *
站点
此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据。
Powered by WordPress | 冰糖橙子 | theme Btorange by ariesjia
这个图你做的真实NB~
太牛了，这也能用CSS做