Kamoo U ka Behang Setšoantšo ka Katleho ea Letlapa

Sebelisa thepa ea morao-rao ea CSS ho kenya mokokotlo oa setšoantšo ho litafole

Ho arola litafole ho tsoa litsong tsa bona ho thusa ho hatisa litaba tsa tafole mabapi le ntho e 'ngoe le e' ngoe leqepheng la marang-rang. Ho eketsa mokokotlo oa tafole, o tla tlameha ho tweak leqhepe la mokhoa oa ho hlasela (CSS) o tšehetsang leqephe la hau la marang-rang.

Rea qala

Tsela e molemohali ea ho eketsa setšoantšo sa mohala tafoleng ke ho sebelisa thepa ea mohloli oa CSS. Ho itokisetsa ho ngola CSS ka katleho le ho qoba glitches e sa lebelloang, bula setšoantšo sa semelo sa hau mme u etse tlaleho ea bolelele le bophara.

Ebe u romella setšoantšo sa hau ho mofani oa hau ea ho amohela. Leka URL bakeng sa setšoantšo; e 'ngoe ea mabaka a tloaelehileng ka ho fetisisa a etsang hore litšoantšo li se ke tsa bontša hobane ho na le typo URL.

Ka mor'a hore u qetile mohato oo, beha thibelo ea mokhoa oa CSS hloohong ea tokomane ea hau:


  1. Ngola CSS ea hau ka morao tafoleng ea hau 'me ue kenye ka hare ho mokhoa oa mokhoa oa ho ngola:
    tafoleng {mokokotlo: url (" URL ho setšoantšo ") ha ho pheta-pheta; }}
  2. Beha tafole ea hau ka HTML:


    sele 1
    sele 2


    sele 1
    sele 2

  3. Beha bophara le bophahamo ba tafole ho bapisa bophara ba setšoantšo le bophahamo.
    bophara: 400px; bophahamo: 500px; "> ...

    Haeba karolo ea hau ea tafole e kholo ho feta bophahamo ba setšoantšo le bophara, setšoantšo sa morao se tla bontša hang feela.

    Beha Boemo ka Letlapa le le Leng Feela

    Litaelo tse ka holimo li tla beha setšoantšo se le seng sa setho tafoleng e 'ngoe le e' ngoe leqepheng lena.

    Haeba o batla ho beha mokokotlo ho litafole tse tobileng feela, o lokela ho sebelisa tšobotsi ea sehlopha.

    1. Fetola CSS ea hau ho bala:
      lebokose le ka morao-rao {mokokotlo: url (" URL ho setšoantšo ") ha ho pheta-pheta; }}
    2. Eketsa semelo sa tlelase ho tafoleng leha e le efe eo u batlang ho ba le setšoantšo sena sa mokokotlo. Beha bophara le bophahamo bakeng sa litafole tseo.
    class = "background" style = "bophara: 400px; bophahamo: 500px;> ...

    Etsa Letlapa la Background Image Repeat

    Mathala a maholo, kapa litafole tse nang le litaba tse ngata, li ka 'na tsa hloka hore mocha o phete hape e le hore tafole eohle e tlatsoe. Fetola boleng ka CSS ea hau e le hore setšoantšo se pheta ka y-axis, x-axis, kapa se tlameletsoe ka bobeli.

    setsi sa morao: url (" URL ho setšoantšo ") pheta ;

    Ka kakaretso boleng bo bocha bo tla tlaloa, empa u ka boela ua beha bohlokoa ba ho pheta-pheta-x kapa ho pheta-y ho tile ka holimo kapa ka ho toba, ka ho latellana.

    Cell Background Colors Thibela Table Background Image

    Mebala leha e le efe ea mokokotlo e behiloeng lisele tsa tafole e tla feta setšoantšo sa morao tafoleng. Kahoo e-ba hlokolosi ha u sebelisa mebala ea mokokotlo lisele tsa hau tse kopantsoeng le litšoantšo tsa setšoantšo.

    Tlhokomelo

    Litsela tsa marulelo li tla arola litafole tsa hau ho tloha leqepheng le ka tlaase. Leha ho le joalo, nahana ka makhetlo a mabeli pele u sebelisa mokhoa ona. Ho kenyelletsa setšoantšo se sa nke lehlakore ho ka 'na ha se khelose, empa litšoantšo tse rarahaneng tse reretsoeng hore li be tse ntle (ka mohlala, ho kenya setšoantšo sa kotsana ka mor'a tafole e bontšang ho amoheloa ha liphoofolo) ho ka bonahala eka ha ho na thuso ebile ho ka ama ho bala ha data .

    Setšoantšo leha e le sefe seo u se sebelisang se tlameha ho fuoa tumello e nepahetseng; hobane feela o ka fumana setšoantšo ho Websaeteng ha ho bolele hore o ka o lokisetsa bakeng sa mosebetsi oa hau.

    Hlompha litokelo tsa boipelaetso!