1. CSSのfilterプロパティを使って画像をグレースケールに変換する
   方法1：CSSの filter プロパティを使用するこれは最も簡単な方法です。以下のコードを画像のスタイルシートに追加するだけです。grayscale プロパティの値は、0%から100%までの数値で指定できます。0%は元のカラー画像、100%は完全なグレースケールになります。