Хуудсан дээрээ хэрхэн арын дэвсгэр тавих вэ

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

Хуудсан дээрээ хэрхэн арын дэвсгэр тавих вэ
Хуудсан дээрээ хэрхэн арын дэвсгэр тавих вэ

Видео: Хуудсан дээрээ хэрхэн арын дэвсгэр тавих вэ

Видео: Хуудсан дээрээ хэрхэн арын дэвсгэр тавих вэ
Видео: Google маягтуудын бүрэн гарын авлага - Онлайн судалгаа, мэдээлэл цуглуулах хэрэгсэл! 2024, Арваннэгдүгээр
Anonim

Вэбсайт дээр арын зургийг байрлуулах нь таван минутын ажил юм. Зургийг бэлтгэхэд илүү их цаг хугацаа зарцуулдаг - сонгох, тохируулах, эффект нэмэх, хэд хэдэн зураг чимэглэлийг нэг график файл болгон бүтээх.

Өөрийн хуудсан дээр хэрхэн арын дэвсгэр тавих вэ
Өөрийн хуудсан дээр хэрхэн арын дэвсгэр тавих вэ

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

1-р алхам

Арын шинж чанар нь арын дэвсгэрийг удирдах үүрэгтэй. Хуудсыг нэг өнгөөр жигд дүүргэхийн тулд хэв маягийг tag:. Арын дэвсгэр нь хар болно. Хэрэв CSS ашиглаж байгаа бол толгойдоо тавь: body {background-color: # 000000;}

Алхам 2

Холбоосын тусламжтайгаар давтагдах дүрсийг тохируулна. Хаяг нь гадаад эсвэл дотоод холбоосоор тодорхойлогдоно. Энэ аргыг ашиглахдаа зургуудын хоорондох оёдол үл үзэгдэх хэвээр байх нь чухал бөгөөд эс тэгвээс хуудас нь хайхрамжгүй харагдана. CSS дээр: body {background-color: # 000000; background-image: url (images / pattern.png);} ашиглана уу.

Алхам 3

Загварын давталтыг хянах боломжтой. Арын дэвсгэр-давталт нь энэ функцийг дараахь элементүүдийн хамт хариуцдаг: - давталт-х - хэвтээ давталт; - давталт-у - босоо давталт: - давтах - хоёр чиглэлд давтах; - давтахгүй - давталтгүй. Үүнийг дараах байдлаар тохируулна. энэ: их бие {дэвсгэр өнгө: # 000000; background-image: url ("butterfly.gif"); дэвсгэр давтах: давтахгүй байх; }

Алхам 4

Арын байрлал нь зургийг вэб хуудасны хүссэн хэсэгт байрлуулахад тусалдаг. Координатыг хувь (50% 75%), сантиметр (5cm 5cm), pixel aspect (200px 400px), үг хэлбэр (зүүн, баруун, дээд, төв, доод) ашиглан тохируулж болно. Жишээ нь: их бие {background-color: # 000000; background-image: url ("butterfly.gif"); дэвсгэр давтах: давтахгүй байх; дэвсгэр хавсралт: тогтмол; арын байрлал: зүүн доод хэсэг; } 0% 0% утга нь зүүн дээд талтай тэнцүү байна.

Алхам 5

Арын хавсралтын шинж чанар нь зургуудыг хуудасны хамт гүйлгэж харуулахыг (дэвсгэр-хавсралт: гүйлгэх) эсэхийг (дэвсгэр-хавсралт: тогтмол) тодорхойлно.

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