Háttérkép - WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS

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