Арын дэвсгэрийг хэрхэн засах вэ

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

Арын дэвсгэрийг хэрхэн засах вэ
Арын дэвсгэрийг хэрхэн засах вэ

Видео: Арын дэвсгэрийг хэрхэн засах вэ

Видео: Арын дэвсгэрийг хэрхэн засах вэ
Видео: Зургийн арын фоныг хялбараар арилгах 3 зөвлөгөө 2024, Арванхоёрдугаар сар
Anonim

Заримдаа дизайнерын зорилго нь зочин хуудасны агуулгыг гүйлгэхэд арын зургийг хөдөлгөөнгүй байлгахыг шаарддаг. Үүнийг CSS (Cascading Style Sheets) зааврыг ашиглан анхдагч арын төлөвийн тохиргоог өөрчлөх замаар хийж болно.

Арын дэвсгэрийг хэрхэн засах вэ
Арын дэвсгэрийг хэрхэн засах вэ

Зааварчилгаа

1-р алхам

Үндсэн тохиргоонд тохируулсан арын хавсралын шинж чанарыг агуулсан вэб блок дээрээ үндсэн блокийн хэв маягийн тодорхойлолтыг нэмж оруулбал, баримт бичгийн гүйлгэх явцад хуудасны дэвсгэр нь хөдөлгөөнгүй хэвээр үлдэнэ. Арын дэвсгэрийг засах энэхүү арга нь 1.0 хувилбараас эхлэн одоогийн CSS стандартыг дэмждэг бүх хөтөч дээр ажиллах болно. Тогтмол утгаас гадна стандартууд нь энэ өмчийн өөр хоёр сонголтыг өгдөг - гүйлгэх, өв залгамжлах. Хэрэв баримт бичгийн хэв маягийн тодорхойлолтонд арын хавсралтын утга заагаагүй бол үүнийг анхдагчаар гүйлгэхээр тохируулсан гэж үзнэ. Энэ тохиолдолд дэвсгэр нь хуудасны агуулгыг гүйлгэхтэй хамт шилжих болно. Удамшлын утга нь энэ элементийн арын хавсралтын шинж чанарт түүний үндсэн элементийн адил утгыг ашиглах ёстойг харуулж байна.

Алхам 2

Хүссэн хуудасныхаа хаяг дээр хэв маягийн шинж чанарыг нэмж, арын дэвсгэрийг засахын тулд хэв маягийн тодорхойлолтыг нэмнэ үү. Жишээлбэл, энэ нь дараах байдалтай байж болно: Та арын зургийн хаягийг энд зааж өгч болно:. Зургийн хаяг, нэрийг (img / pic.gif) өөрийн утгуудаар солино уу. Энэ арга нь хуудасны кодонд хамгийн бага өөрчлөлт оруулахыг шаарддаг тул хэв маягийн тодорхойлолтыг баримт бичгийн толгой хэсэгт тусад нь блок эсвэл бүр тусдаа файлд байрлуулдаг тул энэ арга нь тохиромжтой байдаг.

Алхам 3

Хэрэв та хуудасны арын дэвсгэрийг засах зааврын хамт тусдаа CSS блок ашиглахыг хүсвэл эх шошгоны өмнө, жишээлбэл дараах мөрүүдийг байрлуулна уу.

BODY {background: url (img / pic.gif) тогтмол;}

Img / pic.gif-ийн оронд арын зургийн зөв нэр, хаягийг оруулахаа бүү мартаарай.

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