Stylování formulářů

Pomocí CSS lze celkem snadno stylovat element input a to jako textové pole, nebo tlačítko.

Toto je jen jednoduchý příklad jde toho nastavit mnohem víc např. barva, styl, tloušťka, rodina písma, zarovnání...

Zdrojový kód

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>stylování formuláře</TITLE>
<style type="text/css">
input.button{
background-color : #FF9109;
border-bottom : 2px solid Black;
border-right : 2px solid Black;
border-top : 2px solid #FFD39D;
border-left : 2px solid #FFD39D;
text-align : center;
}
input.text{
border-top : 2px solid Black;
border-left : 2px solid Black;
border-bottom : 2px solid #D9D9D9;
border-right : 2px solid #D9D9D9;
}
</style>
</HEAD>
<BODY>
<input type="text" class="text" size="20">
<input type="button" class="button" value="odeslat">
</BODY>
</HTML>

zobrazit výsledek

Reklama

Webhosting C4



Copyright (c) 2004 Tvorba Webu - Kontakt - mapa webu - RSS