スタイルシートデザインガイド
スタイルシートでできるデザインを紹介しています。
CSSで実現するさまざまなテクニックでどんなサイトも思いのままに表現しよう！
CSSで実現するさまざまなテクニックでどんなサイトも思いのままに表現しよう！
テーブルオブジェクト
テーブルに立体感を演出して見栄えをよくしよう
| CPU | クロック周波数 | ２次キャッシュ | チップセット | 標準搭載メモリ |
|---|---|---|---|---|
| CeleronD 335 | 2.8GHz | 256KB | SiS651 Chipset | 512MB |
| CeleronD 346 | 3.06GHz | 256KB | ATI社製 RedeonXpress200 / IXP450 | 512MB |
増減可能な角丸ボックスを作成する
 |
|
テキストが入ります。テキストが入ります。テキストが入ります。 テキストが入ります。テキストが入ります。テキストが入ります。 |
 |
横線だけで構成する表組みをデザインする
| header | header | header | |
|---|---|---|---|
| name-1 | data1-1 | data1-2 | data1-3 |
| name-2 | data2-1 | data2-2 | data2-3 |
| name-3 | data3-1 | data3-2 | data3-3 |
１行おきに色を変えた表をつくる
| CPU | CeleronD 335 | CeleronD 346 |
|---|---|---|
| クロック周波数 | 2.8GHz | 3.06GHz |
| ２次キャッシュ | 256KB | 256KB |
| チップセット | SiS651 Chipset | ATI社製 RedeonXpress200 / IXP450 |
| 標準搭載メモリ | 512MB | 512MB |
