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 つのテーブルの結合)
推薦する
arcgis.js は、マップ本体の表示範囲を制御し、領域を超えた場合に自動的にバウンスするようにします (実装のアイデア)
目次背景効果アイデア背景少し前に、会社のプロジェクトで問題が発生しました。地図のベースマップ領域の範...
Ubuntu にグラフィック ドライバーが正常にインストールされたかどうかを確認する方法
次のコマンドを実行します: glxinfo | grep レンダリング結果が「はい」の場合、グラフィ...
MySQL 8.0 の新機能の落とし穴と解決策についての簡単な説明 (要約)
1. ユーザーを作成して承認するMySQL 8.0 では、ユーザーの作成と認証が以前とは異なります...
HTML の div と span の比較_PowerNode Java Academy
1. <div></div> と <span></spa...
HTML/CSS におけるフロートの使用例の詳細
1. floatの基本的な使用例1. まず 2 つの div ボックスを作成し、高さ、幅、背景色を設...
Linuxのシグナルメカニズムについての簡単な説明
目次1. シグナルリスト1.1. リアルタイム信号と非リアルタイム信号1.2 信号ステータス1.3 ...
MySQLに画像を保存する方法
1 はじめにデータベースを設計する場合、画像や音声ファイルをデータベースに挿入することは避けられませ...
MIME タイプの完全なリスト
MIME タイプとは何ですか? 1. まず、ブラウザがコンテンツを処理する方法を理解する必要がありま...
小さな三角形の実装コードを含む CSS ナビゲーション バー メニュー
多くの Web ページにはナビゲーション バーに小さな三角形があり、この機能を実装するのは実は非常に...
純粋な CSS を使用してドロップダウン メニューを作成するサンプル コード
導入：最近の面接の質問を見ると、ドロップダウン メニューを実装するために CSS を使用することが多...
CSS と Bootstrap アイコンを使用して、上下にジャンプするインジケーター矢印のアニメーション効果を作成します。
ページが非常に長い場合は、下にさらにコンテンツがあることをユーザーに知らせるために矢印が必要になるこ...
JavaScript のフラット配列をツリー構造に変換する例
目次バックグラウンドで10,000個のデータが失われた再帰法非再帰的方法要約するバックグラウンドで1...
CSSを使用して円形の波効果を実現する
モバイル デバイスでは、金額を表示するために円形の波グラフィックがよく使用されます。最初は、この効果...
MySQLデータ損失の原因と解決策
目次序文問題の説明原因分析拡大する総括する序文最近、データの欠落やデータの損失に関するフィードバック...
FirefoxでCookieとお気に入りをインポートおよびエクスポートする方法
Firefox は、多くの拡張機能とプラグインを備えた、よく使用されるブラウザです。IE に比べて多...