我发现了一个CSS样式的日历的jsfiddle,想添加一些特定TD的背景,如对角线分裂这里的jsfiddle。
但是结合起来,它看起来非常扭曲jsfiddle。
HTML:
<table>
<thead>
<tr>
<th colspan="8">
Oktober 2011
</th>
</tr>
</thead>
<tbody>
<tr>
<th class="cw">KW</th>
<th>Mo</th>
<th>Di</th>
<th>Mi</th>
<th>Do</th>
<th>Fr</th>
<th>Sa</th>
<th>So</th>
</tr>
<tr>
<td class="cw">39</td>
<td class="off">26</td>
<td class="off">27</td>
<td class="off">28</td>
<td class="off">29</td>
<td class="off">30</td>
<td class="free">1</td>
<td class="free">2</td>
</tr>
<tr>
<td class="cw">40</td>
<td class="free">3</td>
<td class="free">4</td>
<td class="free">5</td>
<td class="free">6</td>
<td class="free">7</td>
<td class="booked_pm">8</td>
<td class="booked">9</td>
</tr>
<tr>
<td class="cw">41</td>
<td class="booked">10</td>
<td class="booked">11</td>
<td class="booked">12</td>
<td class="booked">13</td>
<td class="booked">14</td>
<td class="booked_am">15</td> …Run Code Online (Sandbox Code Playgroud)