CSSを追加してみた。

CSSの練習
CSSってこういうことができるやつです。Photoshopで画像編集しなくても、 BOXを作って文字を置けたりします。写真にフィルター効果をかけることもできるようなので勉強したい。

サイドバーにCSSを追加してみました。画像リンクのところ、マウスオーバーすると、不透明度が70%になるようになっています。

初めどこにCSSを上げるか分からなかったんですが、調べてみるとGoogle Driveに一般共有の設定で上げてしまえばリンクして使えるようだったので、そうしています。CSSのコードは凄く単純で、

@charset "utf-8";

#sidebar img: {
 filter: alpha(opacity=70); /*IE*/
 opacity: .7;
}

書籍からのコピペですが…ｗ

HTMLのdivタグで画像のidをsidebarと指定しておけば、マウスオーバーで不透明度が70%になります。