Агуулгын хүснэгт:

Та CSS-д дэвсгэр зургийг хэрхэн байрлуулах вэ?
Та CSS-д дэвсгэр зургийг хэрхэн байрлуулах вэ?

Видео: Та CSS-д дэвсгэр зургийг хэрхэн байрлуулах вэ?

Видео: Та CSS-д дэвсгэр зургийг хэрхэн байрлуулах вэ?
Видео: 🎶 ДИМАШ "ОПЕРА 2". История выступления и анализ успеха | Dimash "Opera 2" 2024, Арваннэгдүгээр
Anonim

Анхдагч байдлаар, a дэвсгэр - зураг нь элементийн зүүн дээд буланд байрлах ба босоо болон хэвтээ байдлаар давтагдана. Зөвлөмж: The дэвсгэр Элементийн хэмжээ нь дэвсгэр болон хүрээ (гэхдээ захын зай биш) зэрэг элементийн нийт хэмжээ юм. Зөвлөгөө: Үргэлж тогтоосон а дэвсгэр -хэрэв хэрэглэх өнгө зураг боломжгүй байна.

Үүний нэгэн адил хүмүүс CSS-д дэвсгэр зургийг хэрхэн яаж байрлуулах вэ гэж асуудаг.

Анхдагч байдлаар, a дэвсгэр - зураг нь элементийн зүүн дээд буланд байрлах ба босоо болон хэвтээ байдлаар давтагдана. Зөвлөмж: The дэвсгэр Элементийн хэмжээ нь дэвсгэр болон хүрээ (гэхдээ захын зай биш) зэрэг элементийн нийт хэмжээ юм. Зөвлөмж: Үргэлж a дэвсгэр -хэрэв хэрэглэх өнгө зураг боломжгүй байна.

Цаашилбал, миний CSS дэвсгэр зураг яагаад ажиллахгүй байна вэ? Хэрэв та авах гэж зовж байгаа бол дэвсгэр зураг Таны толгой хэсэгт харагдах болно, санаа зовох хэрэггүй. Учир нь тэр хэсэг код таны дотор амьдардаг css хавтсанд хүрэхийн тулд шат ахихаа санах хэрэгтэй нь img хавтас, хаана байна зургууд байна. -д../ оруулахаа мартуузай нь ий өмнө нь Таны URL Арын зураг руу ажил.

Нэмж хэлэхэд, би HTML дээр хэрхэн дэвсгэр зураг хийх вэ?

Би div-д дэвсгэр зураг хэрхэн нэмэх вэ?

Танд div ангитай div байгаа гэж бодъё, дараа нь эдгээр кодыг ашиглан зургийг div-ийн арын дэвсгэр болгон тохируулаарай

  1. . див {
  2. background-image: url('зураг руу холбох');
  3. дэвсгэр байрлал:төв;
  4. дэвсгэр-давталт:давталтгүй;
  5. }

Зөвлөмж болгож буй: