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 つのテーブルの結合)
推薦する
js を使用してファイルが UTF-8 でエンコードされているかどうかを判断する方法
従来の解決策FileReader を使用して UTF-8 形式のファイルを読み取り、ファイルの内容に...
SVNサービスバックアップ操作手順の共有
SVN サービスのバックアップ手順1. ソースサーバーとターゲットサーバーを準備するソースサーバー:...
nginx ロードバランシングを介して https にリダイレクトする方法
ウェブ上で証明書とキーをコピーするscp -rp -P52113 /application/ngin...
Vueコンポーネント間のデータ共有の詳細な説明
目次1. プロジェクト開発において、コンポーネント間の最も一般的な関係は次の 2 つのタイプに分けら...
要素内の TimePicker は時間の一部を無効にします (分単位で無効)
プロジェクトの要件は、日付と時刻を選択し、現在の時刻以降の時刻のみを選択し、最小レベルを分単位で無効...
MySQLのロック機構に関する最も包括的な説明
目次序文グローバルロック完全なデータベース論理バックアップFTWRL と set global re...
Linux運用保守ツールSupervisor（プロセス管理ツール）のインストールと使用
1. はじめにSupervisor は Python で開発された汎用プロセス管理プログラムです。通...
Linux で Hadoop クラスターをインストールするための詳細な手順
目次1. usrディレクトリにHadoopディレクトリを作成し、インストールパッケージをそのディレク...
Linux デバイスに空き容量がありません inode の満杯により 500 エラーが発生します
iノードとは何ですか? inode を理解するには、まずファイル ストレージから始める必要があります...
Linuxパフォーマンス監視コマンドの簡単な紹介
システムでさまざまな IO ボトルネック、メモリ使用量の増加、CPU 使用率の増加などの問題が発生し...
ローカルアイデアアクティベーションサーバーの構築に関する詳細なチュートリアル
序文ブロガーはアイデアIDEを使用しています。アイデア公式が最近サードパーティのアクティベーションサ...
Hタグはウェブページ制作において適切に使用すべきである
HTML タグには、ページのタイトルを処理するための特別なタグがあります。これらは h1、h2、h3...
CSS で中空マスク レイヤーを実装するサンプル コード
この記事の内容: ページ中空マスクレイヤー、ページ中空マスクガイドレイヤー、画像中空マスク通常のマス...
CSS3は、欠けた角の長方形、折り畳まれた角の長方形、欠けた角の境界線を実装しています。
序文数日前、偶然、コーナーの四角形が欠落している機能に遭遇しました。最初に頭に浮かんだのは、必要な場...