HTML5 + CSS3 logó
  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    

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