※IE8以下など表現できないブラウザもあります。

cssで角丸

全体が同じ割合で角丸ならborder-radius:

ボタン

各角丸の半径を調整したい時はleft-radiusなどで指定

ボタン

左から左上、右上、左下、右下

cssでグラデーション

線形グラデーション

書き方

/* Firefox */
background: -moz-linear-gradient(開始位置, 色 位置, 色 位置, ・・・);

/* Chrom と Safari */
background: -webkit-gradient(linear, 開始位置, 終了位置, from(開始位置の色), to(終了位置の色));

/* 共通 */
background: linear-gradient(開始位置, 色 位置, 色 位置, ・・・);

dreamweaverにはいろんな色、方向を追加する機能はないようなのでジェネレーターを使います。

※海外サイトが多いので中国からはつながりにくいです。

www.css3.me/…

ジェネレーターでグラデーション

box-shadownなんかも出てきました。css3は色々できるのでいろいろ試してください。

見ていただいてありがとうございます。↓ポチしてくださいませ。
  • 見た (0)
  • もう少し詳しく書いて! (0)
  • 見たけど役立たず (0)