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> |
推薦する
仮想マシンクローン Linux centos6.5 システム ネットワーク カード構成グラフィック チュートリアル
Linux システムに触れたばかりの初心者として、VMware 仮想マシンに CentOS6.5 シ...
WeChatアプレット開発の共通機能と使用方法のまとめ
ここでは、主に小さなプログラムの開発プロセスでよく使われる、非常に実用的な機能ポイントをいくつか整理...
WMLとは何ですか?
WML (ワイヤレス マークアップ言語)。これは HTML から派生したマークアップ言語ですが、W...
VMware は Centos7 システムの PXE+kickstart 無人インストールの詳細なプロセスを実装します
目次PXEはサーバーの無人バッチ展開を実装します1. PXEの概要1.1 PXEとは何か1.2 キッ...
HTML で特定のテキストを非表示にするにはどうすればよいでしょうか?
テキスト非表示コード、HTML 内の特定のテキストを非表示にするコードをコピーコードは次のとおりです...
Dockerの国内イメージソースを変更する方法
Dockerデーモンのアクセラレータを構成する設定ファイルから Docker を起動し、/etc/d...
Docker を使用して Django プロジェクトをデプロイする方法の例
また、Dockerを使用してDjangoプロジェクトをデプロイするのも非常に簡単です。とても良いです...
MySQL のマスター スレーブ レプリケーション オプションをオンラインで変更する方法
序文： MySQL で最も一般的に使用されるアーキテクチャは、マスター スレーブ レプリケーションで...
WeChat 8.0の爆発的な特殊効果を実現するために300行以上のCSSコードが必要
WeChat 8.0 アップデートの主な特徴は、アニメーション絵文字のサポートです。送信するメッセー...
MySQL の選択、挿入、更新バッチ操作ステートメントのコード例
プロジェクトでは、データを操作するためにバッチ操作ステートメントが必要になることがよくあります。バッ...
MySQLで最大接続数を達成する方法
目次データベース接続数が急増した理由は何ですか? 1. はじめに2. 知識ポイント3. 練習するIV...
vue+el-upload は複数ファイルの動的アップロードを実現します
vue+el-upload 複数ファイルの動的アップロード、参考までに具体的な内容は以下のとおりです...
element-uiのアップロードコンポーネントでファイルやその他のパラメータを転送する際の問題を分析する
最近、element-ui を統合したプロジェクトで vuethink を使用しました。以前は bo...
Vue シングルページ アプリケーションで Markdown レンダリングを実装する
以前、Markdown をレンダリングするときに、mavonEditor のプレビュー モードを使用...
Linux で PHP curl 拡張機能をインストールする方法の詳細な説明
この記事では、Linux で PHP curl 拡張機能をインストールする方法について説明します。ご...