背景用のグラデーション画像とCSSを生成してくれるオンラインジェネレーター「GRADCOLOR」

背景用のグラデーション画像とCSSを生成してくれるオンラインジェネレーター「GRADCOLOR」の紹介です。

gra0901271.jpg

使い方は簡単で、幅と高さの数値の指定と色を指定するだけです。

[Generate]ボタンを押すと、pngファイルとして作成したグラデーションの背景画像のダウンロードと以下のようにCSSとHTMLのソースが生成されます。

<html>
<head>
 <style type="text/css">
 body { background-image:url(D5tk63.png);background-repeat:repeat-x; }
</style>
</head>
<body>
<p>a text example</p>
</body>
</html>