イメージの周りに枠を二つ
手軽に使えるCSS講座です。この講座ではイメージの周りに枠を2色入れる方法ご紹介します。CSSを扱った事がある方はコードを見るだけでわかるかと思います。

上のコードは以下のようになります。
1 2 3 4 5 | img { border:1px solid #f25392; /* ピンク */ padding:2px; background:#9caa3b; /* 緑 */ } |
一番外側となる色や幅はborderで設定し、内側となる色はbackground、サイズはpaddingで設定します。この他にもborderにdoubleを指定する方法はありますが上記で紹介したコードのほうが扱いやすいと思われます。少しでも画像にアクセントを付けたい時等にどうぞ。
無料のグラフィックソフト「GIMP」
ウェブデザイナーじゃないけど「Photoshop」を使ってサイト用のロゴやメニューを作ってみたいと思ったことありませんか?そんなあなたにぴったりなソフトがあります。無料で始められる高機能グラフィックソフト「GIMP」をご紹介します。インターフェースや機能はPhotoshopとほぼ似ており、GIMPを使いこなすことができればPhotoshopも使いこなせると思います。
クールなシルバースタイル

この講座ではレイヤースタイルとグラデーションを使い、クールなメタリックタイルを作ります。より、良くメタリックに見えるために背景も作ります。PSDのサンプルも配布しているので、わからなかった場合は是非ダウンロードし、ご利用ください。
