Attēla iestatīšana kā lappuses fonu tīmekļa lappusē

Anonim

Tabulu atšķiršana no viņu pieredze palīdz uzsvērt tabulas saturu attiecībā pret visu citu, kas atrodas šajā tīmekļa vietnē. Lai pievienotu tabulas fonu, jums vajadzēs pielāgot kaskādes stilu lapu (CSS), kas atbalsta jūsu tīmekļa lapu.

Darba sākšana

Labākais veids, kā pievienot fona attēlu tabulai, ir izmantot CSS

fons

īpašums. Lai sagatavotos CSS efektīvai rakstīšanai un izvairītos no neparedzētiem displeja glitčiem, atveriet fona attēlu un atzīmējiet augstumu un platumu. Pēc tam augšupielādējiet savu attēlu savam mitināšanas pakalpojumu sniedzējam. Pārbaudiet attēla URL; viens no visbiežāk sastopamajiem iemesliem, kādēļ attēli netiek rādīti, ir tādēļ, ka URL ir neprecizitāte. Pēc tam, kad esat pabeidzis šo darbību, dokumenta galā ievietojiet CSS stila bloku:

  1. Uzrakstiet savu CSS fonam uz sava galda un ievietojiet to stilu blokā:

    tabula {fons: url (" Attēla URL ") no-repeat;}

    1. Novietojiet tabulu HTML formātā:

    2. šūna 1

    3. šūna 2

    6. šūna 1

    7. šūna 2

  2. Iestatīt galda platumu un augstumu, lai tas atbilstu attēla platumam un augstumam.

    … ​​

Ja jūsu tabulas saturs ir lielāks par attēla augstumu un platumu, fona attēls tiek rādīts tikai vienreiz.

Ielieciet fonu tikai vienā tabulā

Iepriekš minētie norādījumi katram lappuses galdam noteiks to pašu fona attēlu. Ja vēlaties ievietot fona tikai konkrētās tabulās, jums jāizmanto a

klase

  1. Atribūtu. Mainiet savu CSS, lai lasītu:

    table.background {background: url (" Attēla URL ") no-repeat;}

  2. Pievienojiet klasi fons uz jebkuru tabulu, kuram vēlaties, lai būtu fona attēls. Iestatiet šo tabulu platumu un augstumu.

    klase = "fons" style = "width: 400px; height: 500px;> …

Ļaujiet tabulas fona attēlu atkārtot

Lielākām tabulām vai tabulām ar vairāk satura var būt nepieciešams fons atkārtot tā, lai visa tabula būtu aizpildīta. Mainiet vērtību savā CSS, lai attēls atkārtotos uz y ass, x ass, vai abos ir pārklāts.

fons: URL ("URL uz attēlu") atkārtot;

Pēc noklusējuma atkārtotā vērtība tiks pārklāta, bet jūs varat arī iestatīt atkārtoto vērtību uz

atkārtot-x

vai

atkārtot-y

attiecīgi flīžu horizontāli vai vertikāli.

Šūnas fona krāsa Bloķēt galda fona attēlu

Jebkādas fona krāsas, kas iestatītas uz galda šūnām, ignorē fona attēlu tabulā. Tāpēc esiet piesardzīgs, lietojot savas šūnas fona krāsas kopā ar tabulas fona attēliem.

Apsvērumi

Galda fonu tabulas iestatīs neatkarīgi no pamatlapas. Tomēr padomā divreiz pirms šīs metodes izmantošanas. Neitrāla attēla ievietošana var neatstāt uzmanību, taču sarežģīti attēli, kas paredzēti gleznām (piemēram, kaķēna attēla aiz tabulas parādīšana, kas norāda uz dzīvnieku adoptēšanu), var izrādīties neprofesionāla un var ietekmēt tabulas datu lasāmību.

Jebkurš attēls, kuru izmantojat, ir pareizi licencēts; tikai tādēļ, ka jūs varat atrast fotoattēlu tīmeklī, nenozīmē, ka jūs to varat izmantot savām vajadzībām. Cieniet autortiesības!

Redaktora Izvēle