bu kod biraz işini görebilir...



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Başlıksız Belge</title>
</head>
<style type='text/css'>

.kullaniciadi {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #333333;
	background-color: #CCCCCC;no-repeat right top;
	font-family: Arial, Helvetica, sans-serif, "An Unfortunate Event DeWarped";
}
.kullaniciadi:hover{ background-color:#FFFFFF;}

.sifre {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #333333;
	background-color: #CCCCCC;
    no-repeat right top;
}
.sifre:hover{ background-color:#FFFFFF;}
.button1 {background:#000 none repeat scroll 0%;border:1px solid # #FFFFFF; color:#fff;font-family:Tahoma, Arial;
font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal; padding:3px 4px 2px 4px; cursor:pointer; margin-top:5px; margin-right:3px;}
.button1:hover { background:#494949;}

</style>

<body>
<form id="GirisFormu" name="GirisFormu" method="post">
<input class="kullaniciadi" type="text" size="15" name="kadi" />
<br />
<input class="sifre" type="password" size="15" value="" name="sifre" />
<br />
<input type="submit" class="button1" value="Giriş" />
</form>
</body>
</html>