コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > Webページを白黒にする方法

Webページを白黒にする方法

php中世界最好的语言
リリース： 2017-11-22 15:38:49
オリジナル
15214 人が閲覧しました

ウェブページを白黒にする方法は?一部の特別な期間では、Web ページから色を削除して白黒のみを表示する必要があります。では、Web ページを白黒にするにはどうすればよいでしょうか。今日はそんなチュートリアルをお届けします。

Web ページを白黒にするには、このコードが必要です。 

<style> 
    html { 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
    } 
</style>
ログイン後にコピー

head> の前にコードを挿入すると、対応する Web ページが黒と灰色になります。

これは Web ページを白黒に変換する方法です

必要な友達はそれを保存できます。さらにエキサイティングなコンテンツについては、このサイトの他の 更新情報 に引き続きご注目ください。

関連書籍:

HTMLでlabelタグを使用する方法


HTMLのタイトルタグ要素を変更する方法


HTML Webページが文字化けする理由とその解決方法

以上がWebページを白黒にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
白 ウェブページ
ソース：php.cn
前の記事：CSSでボーダーカラーを使用する方法 次の記事：クラスとIDの違いは何ですか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
戻り値の変数の形式は何ですか? 私はphpの初心者です。コードを見つけました: if($x<time()){return[false,'error'];} ロジックや変数は重要ではありませんが、[false...
から 2024-04-06 21:55:20
0
1
778
CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...
から 2024-04-06 20:22:15
0
1
454
CSS スタイルがサイトに適用されない Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変...
から 2024-04-06 17:12:23
0
1
336
hr タグが単色白に設定されているのに半透明になるのはなぜですか? HTML（ブートストラップ付き）とCSSがあり、HTMLにはクラスを持つ<hr>タグがあり、CSSにはその境界線スタイルがあります。半透明で白い色は見えますが、「固体」...
から 2024-04-06 16:13:26
0
1
500
Vuetify v-card は v-col で可能なすべての高さに適合します vueとvuetifyを使用してログイン/登録ページを構築しています。以下にコードを置きます (私はイタリア人なのでテキストはイタリア語ですが、理解できると思います): <v...
から 2024-04-06 10:29:26
0
1
406
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート