ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSスタイルの画像、グラデーション、関連知識まとめ

CSSスタイルの画像、グラデーション、関連知識まとめ

高洛峰
リリース: 2017-03-07 14:22:25
オリジナル
1303 人が閲覧しました

1、background-position: (画像の位置決め)

3つの書き方:

1): %比率に従って、左上隅が最小(0%、0%)、そして右下隅が最大です (100% , %100): (x, y) 左上隅が最小 (0, 0)、右下隅が最大です (max, max)。 ;
3) 上、中央、左、右、下

2 つ、値の部分を含む:

3 つ、背景。 -origin:

1、値のその部分から開始: border; content;

4、背景画像が固定されているか、ページの残りの部分と一緒にスクロールするか。

1、スクロール: ページの残りの部分と一緒にスクロールします。 2、固定: ウィンドウ内の特定の位置に固定されます。

5番目、グラデーション:

1、線形グラデーション: 線形グラデーション: 1) 角度の場合: 角度、遷移色 2) 上部の場合。 。 。 、方向の前に追加し、後にトランジションカラーを追加します。2、radial-gradient:

1) デフォルトは中心点のグラデーションです

2) [左上のサイズ]: ここで、サイズはグラデーションの半径です。

3、繰り返しグラデーション:

1) 繰り返し線形グラデーション: 繰り返し-線形グラデーション: 形式は線形グラデーションと同じです。
2) 放射状グラデーションを繰り返します: reoeating-radial-gradient: 形式は放射状グラデーションと同じです。

上記の CSS スタイルの画像、グラデーション、および関連知識 (必読) はすべて編集者が皆さんに共有した内容です。参考になれば幸いです。また、PHP 中国語 Web サイトをサポートしていただければ幸いです。

その他の CSS スタイルの画像、グラデーション、関連知識のまとめ、関連記事については、PHP 中国語 Web サイトに注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート