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 つのテーブルの結合)
推薦する
MySQL を解凍してインストールおよび完全に削除する方法の詳細なグラフィック説明
1. MySQLをインストールする（1）ダウンロードしたMySQLの圧縮ファイルをMySQLをインス...
json.stringify() と json.parse() の違いと使い方
1. JSON.stringify() と JSON.parse() の違い私たちは皆、JSON.s...
Web ページ制作におけるテーブル属性 CellPad、CellSpace、Border の説明と使用
cellspacing は表内のセル間の距離です。セルパディングは、表のセル内の空白スペースです。一...
ログインインターセプションを実装するためのVueルーティング
目次1. 概要2. ログインインターセプションを実装するためのルーティングナビゲーションガード1. ...
vue3 キャッシュページキープアライブと統合ルーティング処理の詳細な説明
目次1. はじめに2. 使用1. vue2とvue3の違い2. ページ上の一部のデータはキャッシュす...
ミニプログラム開発ツールのソースコードからの基本実装の分析
目次ミニプログラム開発者ツールのソースコードを表示する方法ミニプログラムアーキテクチャ設計1. ミニ...
CSS3はリストの無限スクロール/カルーセル効果を実現します
効果プレビューアイデア現在のリストを最後の項目までスクロールし、すぐに最初の項目に戻ります。問題1....
Nginx におけるサーバーとロケーションのマッチングロジックの詳細な理解
サーバーマッチングロジックNginx は、リクエストを実行するサーバー ブロックを決定するときに、サ...
MySQL インデックスの詳細な説明
目次1. インデックスの基本1.1 はじめに1.2 インデックスの仕組み1.3 インデックスの種類1...
React Hooksの使用例
目次簡単なコンポーネントの例より複雑な親子コンポーネントのケースオンセレクトの書き方反応する子供Re...
CSS3で実装された天気アイコンのアニメーション効果
成果を達成する 実装コードhtml <div class="wrapper"...
よく使われるn番目の子セレクターをまとめる
序文フロントエンドプログラミングでは、奇数、偶数などの数値を受け入れることができる nth-chil...
CentOS 6 または CentOS 7 でディスク領域をクリアする方法
以下は、CentOS 6 または CentOS 7 サーバーのディスク領域をクリアするための簡単なコ...
Python の MySQL データベース LIKE 演算子の詳細な説明
LIKE 演算子は、列内の指定されたパターンを検索するため、WHERE 句で使用されます。文法： 列...
React 国際化 react-i18next の詳細な説明
導入react-i18next は、 i18nextをベースにした強力な国際化フレームワークです。 ...