CSS で実現される HTML 背景色のグラデーション
エフェクトのスクリーンショット: 実装コード: コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <ヘッド> <タイトル></タイトル> <スタイル タイプ="text/css"> 。リニア{ 幅:100%; 高さ:600px; フィルター: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=##15A216,endColorStr=#fafafa); /*IE*/ 背景:-moz-linear-gradient(top,#15A216,#fafafa);/*Firefox*/ 背景:-webkit-gradient(線形、0% 0%、0% 100%、から(#15A216)、から(#fafafa));/*Google*/ background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #15A216),color-stop(1, #fafafa));/* Safari & Chrome*/ フィルター: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa'); /*IE6 & IE7*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa')"; /* IE8 */ } </スタイル> </head> <本文> <div class="linear"></div> </本文> </html> |
<<: LeetCode の SQL 実装 (175. 2 つのテーブルの結合)
推薦する
CSS3 クリアフロートメソッドの例
1. 目的この記事を通じて、誰もがフロートをクリアする原理と方法を理解し、最終的にこの記事が最良であ...
mysql5.7.19 解凍版の詳細なインストール チュートリアル (純粋なクラックされた中国語版 SQLYog を使用)
Mysql5.7.19バージョンは今年リリースされた新しいバージョンです。最近のMySQLのバージ...
ウェブページでメモの詳細が灰色になる問題に対処する
1. IE では、相対的な配置、つまり <div style="background...
ElementUIテーブルのヘッダーアイコンにフローティングプロンプトを追加します。
この記事では主に、ElementUI テーブルのヘッダー アイコンにフローティング プロンプトを追加...
Nginx 仮想ホストを構成する 3 つの方法 (ポートベース) の詳細な説明
Nginx は、IP ベースの仮想ホスト構成、ポート ベースの仮想ホスト構成、ドメイン名ベースの仮想...
Linux リモート開発に vs2019 を使用する方法
通常、Linux プログラムを開発する場合、次の 2 つのオプションがあります。 Linux上で直接...
Nginx 急ぎ購入 電流制限構成 実装分析
ビジネス上のニーズにより、急ぎの購入が発生することが多いため、ロード バランシング フロント エンド...
ES6 Promiseの使い方の詳細な説明
目次約束とは何ですか?拒否の使用法キャッチの使い方すべての使用法レースの使用約束とは何ですか? Pr...
DPlayer.js ビデオ再生プラグインの使い方
DPlayer.jsビデオプレーヤープラグインは使いやすい主な用途: ビデオの再生、監視の開始、終了...
MySQL 8.0.16 Win10 zip バージョンのインストールと設定のグラフィック チュートリアル
この記事では、MySQL 8.0.16 Win10 zip版のインストールと設定のグラフィックチュー...
Mysql を 5.7 にアップグレードした後のグループ クエリの問題を解決する
問題を見つける最近MySQLをMySQL 5.7にアップグレードした後、次のようなクエリでグループ化...
MySQL 単一テーブルクエリの例の詳細な説明
1. データを準備するこのテーブルでは次の操作が実行されます 学生テーブルを作成 ( id int ...
html ページ!--[IE の場合]...![endif]--使用方法の詳細な紹介
コードをコピーコードは次のとおりです。 <!--[IEの場合]><script t...
セキュリティとパフォーマンスを向上させるためのNginxの最適な構成の詳細な説明
主に、Nginx で X-Frame-Options、X-XSS-Protection、X-Cont...
暗号化における https の Apache 展開の概要
目次目的実験環境実験原理実験手順1. 独立したCAを生成する2. サーバーの秘密鍵と署名要求ファイル...