Css İle Hızlı Menü Yapın

#maviblokmenu{
border: 1px solid black;
border-bottom-width:
 0;
width: 185px;
}
 
#maviblokmenu ul{
margin: 0;
padding:
 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS',
'Lucida Grande', Arial, sans-serif;
}
 
#maviblokmenu li a{
display:
 block;
padding: 3px 0;
padding-left: 9px;
width: 169px;
text-decoration:
 none;
color: white;
background-color: #2175dd;
border-bottom:
 1px solid #90bade;
border-left: 7px solid #1958b7;
}
 
*
 html #maviblokmenu li a{
width: 169px;
width: 169px;
}
 
#maviblokmenu
 li a:hover {
background-color: #000069;
border-left-color:
#000099;
}
 
#maviblokmenu div.menutitle{
color: white;
border-bottom:
 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color:
 black;
font: bold 100% 'Trebuchet MS', Arial, sans-serif;
}

<meta http-equiv="Content-Type" content="text/html;
charset=windows-1254" /></p>
<div id="maviblokmenu"
style="WIDTH: 171px; HEIGHT: 315px">
<div
class="menutitle">BİRİNCİ BAŞLIK</div>
<ul>
   
<li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a>
 </li>
    <li><a href="http://2.SATIR URL ADRESİ
">SAYFA ADI</a> </li>
    <li><a
href="http://3. SATIR URL ADRESİ ">SAYFA ADI</a> </li>
 
  <li><a href="http://4.SATIR URL ADRESİ ">SAYFA
ADI</a> </li>
</ul>
<div
class="menutitle">İKİNCİ BAŞLIK</div>
<ul>
   
<li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a>
 </li>
    <li><a href="http://2.SATIR URL ADRESİ
">SAYFA ADI</a> </li>
    <li><a
href="http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
 
  <li><a href="http://4.SATIR URL ADRESİ ">SAYFA
ADI</a> </li>
    <li><a href="http://5.SATIR
URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a
style="BORDER-BOTTOM-COLOR: black" href="http://6.SATIR URL ADRESİ
">SAYFA ADI & Buttonlar</a> </li>
</ul>
<div
 class="menutitle">ÜÇÜNCÜ BAŞLIK</div>
<ul>
   
<li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a>
 </li>
    <li><a href="http://2.SATIR URL ADRESİ
">SAYFA ADI</a> </li>
    <li><a
href="http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
 
  <li><a href="http://4.SATIR URL ADRESİ ">SAYFA
ADI</a> </li>
    <li><a
style="BORDER-BOTTOM-COLOR: black" href="http://5.SATIR URL ADRESİ
">SAYFA ADI</a> </li>
</ul>

<div class="menutitle">BAŞLIK</div>
<ul>
 
  <li><a href="http://1.SATIR URL ADRESİ ">SAYFA
ADI</a> </li>
    <li><a href="http://2.SATIR
URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a
href="http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
 
  <li><a href="http://4.SATIR URL ADRESİ ">SAYFA
ADI</a> </li>
    <li><a href="http://5.SATIR
URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a
style="BORDER-BOTTOM-COLOR: black" href="http://6.SATIR URL ADRESİ
">SAYFA ADI & Buttonlar</a> </li>
</ul>