スタッフブログStaffblog

html 表 作成

2015.03.12
スタッフブログ

 ■表作成

価格表

テキスト テキスト
テキスト テキスト
テキスト テキスト
テキスト テキスト


design.cssで
枠の太さや幅などを細かく指定。
webサイトに色々作成ツールがありますが、仕組みを理解する事から。

■design.css
table , td, th {
border: 1px solid #595959;
border-collapse: collapse;
}
td, th {
padding: 3px;
width: 30px;
height: 25px;
}
th {
background: #f0e6cc;
}
.even {
background: #fbf8f0;
}
.odd {
background: #fefcf9;
}
この記事をSNSでシェア!