|
CS479/579 - Web Programming II
| Displaying exercises/e2/solution/cal.html
<!DOCTYPE html>
<html>
<head>
<title> October </title>
<meta charset='utf-8'>
<style>
body { font-family: "Arial"; font-size: 24pt; }
table { border-spacing: 0px; border: 1px solid black; }
th { background: #DB1F26; color: white; }
td {
width: 75px; height: 75px; text-align: center;
border-top: 1px solid black;
}
td:not(:first-child) {
border-left: 1px solid black;
}
.today { background: #DB1F26; color: white; }
.lastmonth, .nextmonth { color: #CCC; }
.special { color: #DB1F26; }
</style>
</head>
<body>
<table>
<tbody>
<tr><th colspan=7> September 2021
<tr><th>Su <th>Mo <th>Tu <th>We <th>Th <th>Fr <th>Sa
<tr>
<td class=lastmonth> 29 <td class=lastmonth> 30 <td class=lastmonth> 31 <td> 1 <td> 2 <td> 3 <td>4
<tr> <td class=today>5 <td class=special> 6 <td> 7 <td> 8 <td> 9 <td> 10 <td> 11
<tr><td> 12 <td>13 <td>14 <td>15 <td>16 <td class=special>17 <td>18
<tr><td>19 <td>20 <td>21 <td class=special>22 <td>23 <td>24 <td>25
<tr><td>26 <td>27 <td>28 <td>29 <td>30 <td class=nextmonth> 1 <td class=nextmonth> 2
</tbody>
</table>
</body>
</html>
|