web制作や運営などに役立つ情報を提供するブログです。 特にGeneratorやCSSの情報を中心に取り上げてます! 作業の効率化や遊び心を刺激します!!
CSS+画像で角丸デザインを制作。。。
Spiffy Box - Simple Rounded Corner CSS Boxes made easy.Spiffy Box - Simple Rounded Corner CSS Boxes made easy.

CSS+画像で角丸デザインを制作できるサイトが紹介されています。


STEP 1で画像の幅や高さ、角の曲がり具合
前面、背景、ボーダーの各色を決定します。

STEP 2で画像を保存します。

STEP 3でCSSソースをコピぺして使用する。

STEP 4でXHTMLソースをコピペして使用する。

以上で、角丸デザインの出来上がりです。
画像を使いますので、画像ファイルの置き場所、
パス指定に注意してください。

ツールで自動的に、XHTMLやCSSのソースを
吐き出してくれるので簡単ですよね。

コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
この記事へのトラックバック