Tvorba webu » CSS » Stylování formulářů

Stylování formulářů

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

Toto je jen jednoduchý příklad. Nastavit lze mnohem více vlastností, například barvu, styl, tloušťku a rodinu písma nebo 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