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> |
推薦する
MySQLデータベースは重複データを削除し、メソッドインスタンスを1つだけ保持します
1. 問題の紹介ユーザー テーブルに 3 つのフィールドが含まれているシナリオを想定します。 id、...
Vue3 における親コンポーネントと子コンポーネント間の値の転送の詳細な説明
vue3 が誕生してからかなり時間が経ち、筆者も最近になって vue3 を学び始めました。 vue2...
グローバルトーストコンポーネントをカプセル化するVueの完全な例
目次序文1. vue-cliを使う1. Toastコンポーネントを定義する2. main.jsで設定...
CSSを使用して炎の効果を作成する方法
本文は以下から始まります。 123WORDPRESS.COM ダウンロード:純粋な CSS3 で超リ...
MySQL 単一テーブルクエリの例の詳細な説明
1. データを準備するこのテーブルでは次の操作が実行されます 学生テーブルを作成 ( id int ...
ApplicationHost.config (IIS ストレージ構成領域ファイル) の概要
新しく作成された Web サイトの場合は、ASP.NET MVC5 を例に挙げます。セッションを処理...
CSS でフッターの「下部吸収」効果を実現
よく遭遇する問題: 下部の要素を「下部に貼り付ける」効果を CSS でどのように実現するか。この記事...
Tomcat をアンインストールして再インストールする方法 (画像とテキスト付き)
tomcat9をアンインストールする1. Tomcatのインストールはディレクトリに解凍するだけで...
MYSQL 左結合の最適化 (10 秒から 20 ミリ秒)
目次【機能背景】 [生のSQL] 【独自SQL解析】 【分析手順】 [最適化されたSQL] 【最適化...
CSSは左固定と右適応のレイアウト方法を実現します
1. フローティングレイアウト1. 最初に固定幅の div をフロートさせます。ドキュメントフローか...
JS でシンプルなデータ監視を実装する方法
目次概要最初のステップステップ2なぜ別の _data が必要なのでしょうか?データにもう少しデータを...
docker ポートを追加して dockerfile を取得する方法
DockerイメージからDockerfileを取得する docker 履歴 --format {{....
JavaScript における async と await の使い方とメソッド
JS の async 関数と await キーワード 関数ヘルワールド() { 「こんにちは！美しい...
単一テーブルのMySQLバックアップとリストアに関する簡単な説明
A. MySQLバックアップツールxtrabackupのインストール1. Percona 公式 xt...
Linux に setup.py プログラムをインストールする方法
まず次のコマンドを実行します: [root@mini61 setuptools-8.2.1]# py...