【HTML+CSS】カレンダーメモ(静的)
21533 ワード
要件:カレンダーメモの実装(静的)
転載先:https://www.cnblogs.com/neymargoal/p/9470923.html
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> title>
<style type="text/css">
table {
width: 900px;
table-layout: fixed;
border-collapse: collapse;
}
th,td {
border: 1px dotted #999;
padding: 5px;
}
.head {
height: 30px;
background-color: #DDD;
text-align: center;
}
.body {
height: 140px;
vertical-align: baseline;
}
caption {
text-align: left;
}
.special {
background-color: #AAA;
}
style>
head>
<body>
<table>
<caption><h3>2016 4 h3>caption>
<tr class="head">
<th> th>
<th> th>
<th> th>
<th> th>
<th> th>
<th> th>
<th> th>
tr>
<tr class="body">
<td class="special">27td>
<td class="special">28td>
<td class="special">29td>
<td class="special">30td>
<td class="special">31td>
<td>1td>
<td>2td>
tr>
<tr class="body">
<td>3td>
<td>4td>
<td>5
<ul>
<li> li>
<li> li>
ul>
td>
<td>6td>
<td>7td>
<td>8td>
<td>9td>
tr>
<tr class="body">
<td>10td>
<td>11td>
<td>12
<ul>
<li> li>
<li> li>
ul>
td>
<td>13td>
<td>14td>
<td>15td>
<td>16td>
tr>
<tr class="body">
<td>17td>
<td>18td>
<td>19
<ul>
<li> li>
<li> li>
ul>
td>
<td>20td>
<td>21td>
<td>22td>
<td>23td>
tr>
<tr class="body">
<td>24td>
<td>25td>
<td>26
<ul>
<li> li>
<li> li>
ul>
td>
<td>27td>
<td>28td>
<td>29td>
<td>30td>
tr>
table>
body>
html>転載先:https://www.cnblogs.com/neymargoal/p/9470923.html