求这个图像里的 ul li 咋写的啊？ - css3吧

level 1

我是阿常楼主

2013年06月06日 11点06分 1

level 1

我是阿常楼主

transform:rotate(角度值)可以是随机数吗？

2013年06月06日 14点06分 2

小小小小小让a

可以。

2013年06月21日 00点06分

level 1

我是阿常楼主

<body>
<div id="tab" class="calendar">
<ul>
<li class="active"><h2>1</h2><p>Jan.</p></li>
<li><h2>2</h2><p>Feb.</p></li>
<li><h2>3</h2><p>Mar.</p></li>
<li><h2>4</h2><p>Apr.</p></li>
<li><h2>5</h2><p>May.</p></li>
<li><h2>6</h2><p>Jun.</p></li>
<li><h2>7</h2><p>Jul.</p></li>
<li><h2>8</h2><p>Aug.</p></li>
<li><h2>9</h2><p>Sep.</p></li>
<li><h2>10</h2><p>Oct.</p></li>
<li><h2>11</h2><p>Nov.</p></li>
<li><h2>12</h2><p>Dec.</p></li></ul>
<div class="text">
<h2>1月活动</h2>
<p>快过年了，大家可以商量去哪玩了~~</p>
</div>
</div>
这个CSS咋写？

2013年06月06日 14点06分 3

level 12

2002hjm2003

ol, ul { list-style: none;}
.calendar { width:200px; margin:10px auto; background:#e9e9e9; overflow:hidden;}
.calendar li{ width:58px; height:54px; background:#424242; border:1px solid #fff; text-align:center; color:#fff;}
.calendar li:nth-child(3n-2) { float:left;margin-bottom:10px;}
.calendar li:nth-child(3n-1) { float:left; margin:0 10px 10px;}
.calendar li:nth-child(3n) { float:right;margin-bottom:10px;}
.calendar .active{ background:
#fff; border:1px solid #
424242; color:#000}

2013年06月08日 10点06分 6