今更CSSでグラデーションをかけてみた。

割と簡単です。
ただ、クロスブラウザに対応するために
主要ブラウザごとに指定をかけないといけないので
若干めんどくさい。
ブラウザ単位の指定が全部違うので、
早くCSS3が一般的になることを大いに祈っています。

div {
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#ffcccccc); /* IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
    background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
    background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
    background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
}


簡単なバナー程度なら、
グラデーションを使ってしまえばすぐできるので。
なんかいよいよWebデザイン=FlashPhotoshopってのが
崩壊してくるなぁ。