”opacityとrgbaを使って半透明にする方法の紹介です。情報通Kさんは顔出しNG！早く処理せねば”半透明にするには「opacity」と「rgba」がありますが、それぞれ利用シーンが異なりますのでサンプルを交えながら使い方をまとめておきます。

”font-familyって結局何にすればいいんでしょう？本当に久しぶりに指定を変更してみました。”CSSにも流行りがあったり定番があったりしますけどイマイチ決定打にかけるプロパティがfont-familyではないでしょうか？

”最近ちょっと流行り気味なdivにシャドウを付けて立体的に見せるアレ、実装してみました。”divに影を付けて立体感をブログに与えるシャドウ処理。画像を用意するわけでもなくCSSで処理しますので１分で出来ちゃいます。

”ボーダー以外にも適用可能なimgタグで挿入した画像の角を丸くする方法です。角丸です。”画像と合わせて進めていきますので数値と実際の表示の感じのサンプルとして御覧ください。

position要素でボックスを固定するだけでは足りません。セットでz-indexで順序を指定します。これを忘れちゃうとせっかく固定したのに意図しない状態でみれないなんてことも起こりうるのでしっかりプロパティを追加しておきましょう。

簡単なCSSの追記でPVが増えるならいいですよね！やってみたくなりますよね、やってみましょう。PVを増やそう！月間中の@ごすてっぷです。おかげさまでPV数も少し増えてきましたが、この数カ月は横ばい状態。次なるステップに行くにはどうしたらいいんだろう…

プラグイン「Sitemap Generator Plugin for WordPress」をCSS使ってカスタマイズしてみます。設置自体は簡単にできるのですが、各記事へのリンクを吐き出してくれるプラグインになりますので、リンクの羅列となっています。これをCSSを使ってカスタマイズしてみます。

画像を使わずにCSS3のグラデーション機能を使ってマウスオーバーの動作を装飾してみました。見出しや装飾に利用できますので用途の幅はとても広く、画像を読み込む必要もないため、サーバへのアクセス回数も減らすことができるというメリットもあります。