The fono vaizdas CSS savybė naudojama norint nustatyti vaizdą kaip elemento foną. Naudodami šią CSS ypatybę, galime nustatyti vieną ar daugiau nei vieną elemento fono paveikslėlį.

Pagal numatytuosius nustatymus vaizdas yra viršutiniame kairiajame elemento kampe ir kartojamas tiek horizontaliai, tiek vertikaliai. Fono paveikslėlis turi būti parinktas pagal teksto spalvą. Blogas teksto ir fono paveikslėlio derinys gali būti prastai suprojektuoto ir neįskaitomo tinklalapio priežastis.

The url() Šios savybės vertė leidžia įtraukti failo kelią į bet kurį vaizdą. Tai parodys elemento foną. Fonui galime naudoti kelis vaizdus arba gradientų ir vaizdų mišinį. Jei nepavyko įkelti fono vaizdo arba jei naudojame gradientus, bet jie nepalaikomi atitinkamoje naršyklėje, kaip elemento fono spalvą galime naudoti atsarginę reikšmę (vertę, kuri naudojama kaip pakaitalas).

python konvertuoja baitus į eilutę

Sintaksė

 background-image: url(); 

Vertybės

url(): Tai yra vaizdo URL. URL adresus galime atskirti kableliais, jei norime nurodyti daugiau nei vieną vaizdą.

katalogo pervadinimas linux

Pavyzdys

 body { background-image: url('cat.webp'); background-color: lightgray; } 

Išvestis

Pavyzdys

 body { height: 200px; background-color: #cccccc; background-image: radial-gradient(red, green, yellow); } 

Išvestis

Pavyzdys

 body { height: 200px; background-color: #cccccc; background-image: linear-gradient(rgba(0, 0, 255, 0.5),rgba(255, 255, 0, 0.5)), url('lion.webp'); } 

Išvestis