今日のホームページ工房なごや星組勉強会で、CSS3の線形グラデーションを紹介されたので、さっそくここで復習してみます。

バラの花の画像を半透明にして、その背景にCSS3の線形グラデーションを利用してみました。↑

WordPressの記事中の画像の背景にこのグラデーションを置くにあたり、スタイルシートにどのように書き込むか難しかった。

最初はうっかりPタグ中にバラの画像だけを置きそのPタグの背景に設定し、「よし、うまくいった！」と思ったが、その後文章を入れたところそのテキストの背景にまでグラデーションが入ってしまい、慌てて修正しました。

結局は　#post-3188 .entry-content p img　に対して設定しました。3188はこの記事固有の数値で、個別記事のアドレスにも入っています。

調子に乗って、ヘッダー部分の背景も線形グラデーションを設定。