Bloggerテンプレートのtable要素の見た目に満足できなかったので変更したコードです。
結果
| 順位 | タイトル | 価格 |
|---|---|---|
| 1 | 漫画 君たちはどう生きるか | ￥1,404 |
| 2 | モデルが秘密にしたがる体幹リセットダイエット | ￥1,080 |
| 3 | はなになりたい | ￥1,296 |
CSSコード
table {
width: auto;
background: #fff;
color: #444;
font-size:14px;
border-collapse: collapse;
}
table th {
background: #ddd;
color: #000;
text-align: center;
}
table th,
table td {
padding: 0 10px;
border: 1px solid #aaa;
}
table tr:hover {
background: #eee;
}