logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

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

Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.