CSSでの装飾

CSS3 は、これまで、画像や]avaScript などで行ってきた装飾や見せ方 の一部を、 CSS 内部に追加するだけで実装させることができます。具体例としては、以下のような装飾です。

  • グラデーション
  • 角丸
  • ボーダーイメージ

ボックスシャドウ は、画像を一切使用することなく、 CSS のみでデザインした見出 しの背景です。両サイドを少し折りたたんだ立体感のあるリボンをイ メージして作成しています。HTML はシンプルなままですが、 CSS 側の コードのボリュームは少々 多くなります。