Astăzi, în aproape fiecare design al site-ului există o imagine frumoasă de fundal.
Fiecare designer de web știe că cel mai simplu mod de a crea un design este cel mai bun care poate fi. O tehnică simplă și convenabilă este de a întinde fundalul pe ecranul complet. cu câteva linii de cod css.
S-ar părea ceva, dar, uneori, trebuie să creați ceva complicat într-un mod simplu. De exemplu, pentru a implementa mai multe fundaluri cu parametri individuali, fără a utiliza blocuri auxiliare div. Aceasta este păstrarea aspectului semantic.
În acest articol, vom examina sintaxa codului care acceptă mai multe fundaluri (fundaluri multiple) într-un singur element. Iată cum arată în realitate:
Codul CSS pentru mai multe fundaluri
Sunt implementate mai multe imagini de fundal folosind câteva valori ale fundalului parametrului css, care sunt separate de o comă:
Am încercat să fac același lucru și cu un cod scurt. Din păcate, nu funcționează.
În plus, puteți utiliza alte proprietăți ale fundalului (fundal-atașament, fundal-clip, fundal-imagine, fundal-origine, pozitie fundal, repetare fundal, dimensiune fundal). La fel ca în gradienții CSS.
Asta e tot! Sper că ți-a plăcut această tehnică de a crea mai multe fundaluri, fără a utiliza elemente auxiliare. Codul semantic pur.
Articole similare
Trimiteți-le prietenilor: