Paano Maglagay Ng Background Sa Site

Talaan ng mga Nilalaman:

Paano Maglagay Ng Background Sa Site
Paano Maglagay Ng Background Sa Site

Video: Paano Maglagay Ng Background Sa Site

Video: Paano Maglagay Ng Background Sa Site
Video: Paano Magpalit ng Background sa Photoshop 2024, Mayo
Anonim

Ang nagtatrabaho background para sa site ay maaaring ihambing sa wallpaper para sa desktop ng iyong operating system. Background (background), maaari kang lumikha ng maraming mga pagkakaiba-iba, na tatalakayin sa ibaba.

Paano maglagay ng background sa site
Paano maglagay ng background sa site

Kailangan

Pag-edit ng style.css file

Panuto

Hakbang 1

Monochrome background. Ang pinakasimpleng uri ng background, isang malaking plus ay ang kaunting pag-load ng pahina gamit ang gayong larawan. Kung ang style file (style.css) ay hindi naglalaman ng mga utos na nagtatakda ng kulay sa background, iminumungkahi ng browser na puti bilang default. Gamitin ang utos ng kulay sa background upang baguhin ang kulay. Isang halimbawa ng paggamit ng utos na ito: background-color: # 3366CC.

Hakbang 2

Upang pumili ng isang tukoy na kulay, maaari kang gumamit ng espesyal na software, halimbawa, ang graphic editor na Adobe Photoshop. Kung hindi mo pa ito nagagawa, inirerekumenda na gumamit ng mga serbisyo sa web. Ang isang kapansin-pansin na halimbawa ay ang search engine na "Yandex", pumunta sa sumusunod na link na https://yandex.ru at ipasok ang pariralang "kulay asul". Ang isang talahanayan ng mga kulay ay lilitaw sa harap mo, kung saan maaari kang pumili ng alinman sa gusto mo, kopyahin ang code at i-paste ito sa code ng site.

Hakbang 3

Tekstura sa background. Bilang karagdagan sa kulay ng background, maaari kang magdagdag ng isang imahe o isang cyclically repeating pattern (pagkakayari) sa anumang pahina ng iyong site. Upang magawa ito, pagkatapos ipasok ang kulay ng background, isulat ang utos ng background-image, halimbawa, background-image: url (img / uzor.png). Ang landas sa file ay dapat na tinukoy sa loob ng mga braket. Mahalagang tandaan na ang resolusyon ng pagkakayari ay maaaring magsimula mula sa pinakamaliit (16x16) at magtatapos sa mga malakihang sukat ng mga imahe para sa laki ng mga pahina ng site (800x600 at higit pa).

Hakbang 4

Background gamit ang isang gradient. Sa kasong ito, gumagamit ka ng kulay ng background na itinakda gamit ang kulay na background na utos, ngunit lumilikha ng isang gradient. Ang gradient ay maaaring pahalang (x) at patayo (y). Kadalasan, ang isang pahalang na posisyon ay ginagamit bilang background gradient, kaya ang linya na may gradient ay magiging ganito: background-ulitin: ulitin-x.

Inirerekumendang: