WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Háttérkép



Egy HTML elem háttereként képet is lehet használni. Arra mindenképpen ügyelni kell, hogy a háttérkép előtt megjelenő szöveg olvasható maradjon.

A háttérkép beillesztéséhez background-image jellemzőt kell használni.

Háttérkép beillsztése:

kijelölő
{
background-image
:
url('URL');
}



Példa:

Forráskód



<style>
   div { border:5px solid #888; margin: 2px;
         float: left; font-size: 20px;
         width: 150px; height: 150px; 
         background-image:url(mosoly_k_1.jpg)
       } 
</style>
...
<body>    
     <div id="id_0">
         <b>Háttérkép használata</b>
     </div>
</body>
 

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_hatterkep_0.html