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