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

この記事では、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 サイトの他の関連記事を参照してください。