代码片
下面展示一些内联代码片
。
// html<div class="boxF"><div class="boxS"><div class="boxT">1d</div></div></div>
// cssbody, div, img, ul, li{margin: 0;padding: 0;}body{font-size: 12px;background-color: #fff;min-width: 1200px;}ul, ul li{list-style: none;}.boxF, .boxS, .boxT, .overlay{width: 80px;height: 95px;overflow: hidden;}.boxF, .boxS{visibility: hidden;}.boxF{transform: rotate(120deg);float: left;margin-left: 10px;-ms-transform: rotate(120deg);-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg);}.boxS{transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);}.boxT{transform: rotate(-60deg);background: no-repeat 50% center;background-size: 125% auto;-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);visibility: visible;background:#20678b; font-size:22px; font-weight:bold; font-weight:bold; color:#fff; line-height:90px; text-align:center;}