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

Elemek csinosítása



Beállítjuk a beviteli elemek kereteit, árnyékait és sarkaik kerekítését.

Példa:

Forráskód



<style>
....
/* Űrlapelemek árnyék, keret */
form input[type=text], form input[type=email], 
form input[type=url],  form textarea {		
   padding-left: 5px;
   border: 1px solid #662210;
   box-shadow: 0 0 3px #eeccc0, inset 0 -10px 20px #eeccc0;
   border-radius: 5px;
}
form textarea {		
   border: 1px solid #662210;
   box-shadow: 0 0 3px #eeccc0, inset 0 -20px 80px #eeccc0;
   border-radius: 5px;
}
</style>
 

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_urlap_csinositas_02.html

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