css背景

• web・アプリさくせい >
• css背景

css背景とか

背景に画像を指定するには、background-imageプロパティを使います。

background-image:の後にurlという文字を記入し、 その後ろのカッコ内に画像ファイルのアドレスを相対パスか絶対パス(http://〜)で指定

セレクタ {background-image: url('画像ファイル名');}

並列表示方法　画像などを単に横に並べるだけであれば、Ｐ要素の中に改行なしでimg要素を複数並べるくらいでできる

グラデーション

background:linear-gradient (カラー名,カラー名);
デフォルトでは上から下へのグラデーションになります。

• 複数色の場合　カンマで区切り、カラー名を書き足します。


• グラデーションする方向の指定　toの後に半角スペースを入れてleft, rightや、top, bottom など


• グラデーション位置指定 カラー名の横に半角スペースを入れ「%」


• グラデーション角度 数値にdegをつける。


• 円形でのグラデーション　background: radial-gradient(カラー名);
外部リンク参考サイトさん グラデーションやりかた