トップ > テーブル修飾
テーブル修飾
テーブルに関してはCSSなしでは修飾が考えられないほど、デフォルトのスタイルが見にくいものです。
基本の形を決めておいて、それを変更するのが簡単でしょう。
私は下記を基本にしています。
table {
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
}
th,
td{
font-size: 78%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
margin: 0px;
padding: 4px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
}
th{
background-color: #D6F8F1;
text-decoration: none;
}
td{
background-color: #F9F9F9;
}
- 02/27 サイトマップ
- 06/15 ソースやHTMLを表示そのまま表示する
- 06/15 TIPS
- 02/01 回り込みの詳細
- 02/01 改行しないで表示
- 02/01 背景に画像を使う
- 02/01 背景の画像を固定
- 02/01 背景色を指定
- 02/01 文字色
- 02/01 画像とテキストの並び方
