インターネット上の備忘録|『備忘録オンライン.com』公式サイト
  • ホーム
  • カテゴリーから探す
    • プレミアプロ
    • ワードプレス
    • ワードプレスプラグイン
    • HTML / CSS
    • イラレ・フォトショ
    • APPLE
    • メール
    • 未分類
  • 備忘録オンラインについて
  • 投稿一覧
HTML / CSS

【CSS】グラデーションと背景画像は「 , 」で区切ると、同時に指定可能

miyala  2021年9月17日

グラデーションと背景画像は「 , 」で区切ると、同時に指定可能。
先に記述した方が最前面になり、後に記述した方が下層レイヤーに配置される。

.background_test {
    background: linear-gradient(90deg, rgba(22, 135, 237, 0.6), rgba(20, 55, 90, 0.9)) ,url(test_img.jpg);
}
RELATED POST
  • HTML / CSS

    画像を表示 HTML(画像を表示したい HTML)

    2020年4月12日 miyala
    https://bibouroku-online.com/wp-content/uploads/2021/06/BOL-logo-2021_アートボード-1-02-1.png インターネット上の備忘録|『備忘録オンライン.com』公式サイト
  • no image
    HTML / CSS

    flexbox スマホ2列

    2021年11月21日 miyala
    https://bibouroku-online.com/wp-content/uploads/2021/06/BOL-logo-2021_アートボード-1-02-1.png インターネット上の備忘録|『備忘録オンライン.com』公式サイト
  • no image
    HTML / CSS

    flex grid

    2020年11月23日 miyala
    https://bibouroku-online.com/wp-content/uploads/2021/06/BOL-logo-2021_アートボード-1-02-1.png インターネット上の備忘録|『備忘録オンライン.com』公式サイト
NO IMAGE

最新のテーマにアップデートしたのにアップデートの通知がある場合(TCD)

Youtubeの埋め込みで終了後のおすすめ動画を非表示に

NO IMAGE
  • HOME
  • HTML / CSS
  • 【CSS】グラデーションと背景画像は「 , 」で区切ると、同時に指定可能
2020–2022  インターネット上の備忘録|『備忘録オンライン.com』公式サイト