简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

div+css背景渐变色代码示例

PHP中文网
リリース： 2017-03-22 10:12:03
オリジナル
4816 人が閲覧しました

用CSS使DIV背景颜色渐变,适用于IE和Chrome等浏览器。

代码：

 




用CSS是p颜色渐变：


从绿到红

keleyi.com
ログイン後にコピー

效果图：

另外多浏览器兼容代码：

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8);    /*IE*/

background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/

background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8));/*谷歌*/

相关文章：

HTML5 Canvas：绘制渐变色

css按钮渐变色

css渐变色彩 省略标记 嵌入字体 文本阴影的详细介绍

関連ラベル：
css div
ソース：php.cn
前の記事：JS+CSS制作的DIV层最小化和随意拖拽排序功能_html/css_WEB-ITnose 次の記事：css笔记一：如何令两个div并排显示_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Vue 3 および Vuetify 3 はコンポーネント内の SCSS/SASS 変数にアクセスします Vue3 コンポーネントで事前定義された変数を使用したいと考えています。 <template><divclass="roundedimg-contain...
から 2023-11-17 13:52:29
0
1
293
内部 HTML が変更されたときに HTML コンテンツ編集可能なキャレット位置を保持する WYSIWYG エディターとして機能する div があります。これはテキスト ボックスとして機能しますが、その中に Markdown 構文をレンダリングしてライブ変更を表示します。...
から 2023-11-08 22:38:23
0
2
285
外側の div の高さを常に特定の内側の div の高さと等しくなるように設定するにはどうすればよいですか? 3 つの内部 div を含む外部 div があります。一番左の内側の div が外側の div の高さを常に決定するようにしたいのです。他の内部 div の内容が [一番左の di...
から 2023-11-07 13:59:30
0
2
314
Vue I18n を使用してコンポーネントの属性/プロパティを変換する方法 受信したプロパティ/コンポーネントのプロパティを翻訳するにはどうすればよいですか?たとえば、タイトルと説明のプロパティが定義されたカード コンポーネントがあります。 <!--...
から 2023-11-07 12:47:10
0
2
163
タイトルを次のように書き換えます: Vue 3: コンテンツを要素に転送して置換します。 Vue3 のテレポートを使用して要素を div にレンダリングしていますが、期待どおりに機能します。テレポートは選択した要素に項目を追加しますが、div 内の現在の要素は置き換えま...
から 2023-11-06 11:01:38
0
1
451
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！