CSS table { border: 2px solid #777; border-collapse: separate; border-spacing: 0px; font-size: 100%; } table caption { text-align: left; } table th, table td { padding: 2px 4px; border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-bottom: solid 1px #000; border-right: solid 1px #000; } table th { background-color: #777; text-align: center; font-size: 92%; } 要は、以前の記事、入力エリアをちょっとだけ立体的にみせるC
![CSSでテーブルデザインをクオリティアップ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b5cc4ac70f7f4d3b1227be80a29801cdb86ce35f/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-36.fc2.com%2Fh%2Fa%2Ft%2Fhatenachips%2FCSSTableDsign.png)