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 つのテーブルの結合)
推薦する
Linux の wget コマンドの詳細な紹介
目次まずwgetをインストールするヘルプマニュアルを見る1. wgetを使用して単一のファイルをダウ...
Vue+Element UIはドロップダウンメニューのカプセル化を実現します
この記事の例では、ドロップダウンメニューのカプセル化を実装するためのVue + Element UI...
Nodeはバックエンドの実装手順を素早く構築します
1. まず、node、express、express-generator をインストールします (4...
HTML+CSS をベースにした素敵なフリップログインおよび登録インターフェースを作成します
素敵なフリップログインと登録インターフェースを作成する序文最近、ネットワーク ディスクを構築しようと...
Windows オペレーティング システムでの Linux 仮想マシンのインストールと構成のチュートリアル
序文仕事では、Linux 環境で操作する必要があることがよくあります。ここでは、win10 システム...
単一の Nginx IP アドレスに複数の SSL 証明書を設定する例
デフォルトでは、Nginx は IP アドレスごとに 1 つの SSL 証明書のみをサポートします。...
MySQLの実行原理、論理階層化、データベース処理エンジンの変更について詳しく説明します
長い間 MySQL を使ってきたので、SQL 文はすでに覚えていると思います。そこで、その実行原理を...
CSS3 のフレックスレイアウト幅の無効性の解決策
2 列レイアウトはプロジェクトでよく使用されます。この効果を実現する方法はたくさんあります。 しかし...
Vue ルーティング遅延読み込みの詳細
目次1. ルートの遅延読み込みとは何ですか? 2. ルートの遅延読み込みの使用1. ルートの遅延読み...
React+Amapは緯度と経度をリアルタイムで取得し、住所を特定します
目次1. マップを初期化する2. マップポイント3. 位置決めを有効にする4. マップの変更を監視す...
Vue で Baidu Map を呼び出して経度と緯度を取得する
プロジェクトでは、現在地の緯度経度を取得したり、場所を検索して緯度経度情報を取得したりする必要があり...
Linux環境で環境変数を設定する方法
JDKダウンロードアドレス: http://www.oracle.com/technetwork/j...
Linuxサーバー間のリアルタイムファイル同期の実現
使用シナリオ既存のサーバー A と B の場合、サーバー A の指定されたディレクトリ (たとえば、...
異なるインデックスを更新してMySQLのデッドロックルーチンを解決する
前回の記事では、ソース コードを使用してロック関連の情報をデバッグする方法を紹介しました。ここでは、...
ディレクトリスクロール効果を実現するネイティブJS
これはネイティブ JS で実装されたテキスト スクロール効果です。この効果は通常、ニュース、ダイナミ...