CSS HTML MENÜ NASIL YAPILIR
<html>
<head>
<style type="text/css">
#kutu {
height: 30px;
width: 150px;
background-color:black;
border:1;
border-style:solid;
border-color:white;
}
#kutu:hover{
background-color:darkred;
border:1;
border-style:solid;
border-color:green;
}
#kutu a{
color:white;
font-size: 19px;
font-weight: bold;
font-family:"Times New Roman"
}
#kutu a:hover{
font-size:21px;
font-family:Arial;
}
</style>
</head>
<body>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 1 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 2 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 3 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 4 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 5 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 6 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 7 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 8 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 9 </a> </div>
</body>
</html>
<html>
<head>
<style type="text/css">
#kutu {
height: 30px;
width: 150px;
background-color:black;
border:1;
border-style:solid;
border-color:white;
}
#kutu:hover{
background-color:darkred;
border:1;
border-style:solid;
border-color:green;
}
#kutu a{
color:white;
font-size: 19px;
font-weight: bold;
font-family:"Times New Roman"
}
#kutu a:hover{
font-size:21px;
font-family:Arial;
}
</style>
</head>
<body>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 1 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 2 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 3 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 4 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 5 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 6 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 7 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 8 </a> </div>
<div id="kutu" onclick="location.href='yönlendirilecek adres'" > <a> KATEGORİ 9 </a> </div>
</body>
</html>