ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSを使ってWebページの背景グラデーションを実現する4つのコード設定

CSSを使ってWebページの背景グラデーションを実現する4つのコード設定

不言
リリース: 2018-06-28 14:05:22
オリジナル
3588 人が閲覧しました

この記事では、CSSでWebページの背景のグラデーションを実現するための4つのコード設定を主に紹介します。必要な方は参考にしてください

1.

body{ 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); 
}
ログイン後にコピー

2. 左上から右下へのグラデーション

body{ 
FILTER: Alpha( style=1,opacity=25,finishOpacity=100, 
startX=50,finishX= 100,startY=50,finishY=100); 
background-color: skyblue; 
}
ログイン後にコピー

3. 左から右へのグラデーション

body{ 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000); 
}
ログイン後にコピー

例:

style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
ログイン後にコピー
この記事の内容全体が皆さんの学習に役立つことを願っています。その他の関連コンテンツについては、PHP 中国語 Web サイトに注目してください。

関連する推奨事項:

さまざまなバージョンでの CSS 透明不透明フィルターと IE 透明フィルターの使用

優先度の比較を通じて CSS コントロール スタイルを検証する 3 つの方法

CSS でのウィンドウ単位とパーセンテージについて 単位の使用


以上がCSSを使ってWebページの背景グラデーションを実現する4つのコード設定の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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