css15 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>css15</title>
<style type="text/css">
*{
 margin:0;
 padding:0;
 }
 .nav{
 width: 200px;
 }
 .nav ul{
  margin:10px 0 0 10px;
  list-style-type: none;
  border-top: solid 1px #ccc;
  borde-right: solid 1px #ccc;
  border-left: solid 1px #ccc;}
 .nav li{
      margin:10px 0 0 0;
      border-bottom: solid 1px #ccc;
      }
 .nav li a:link{
 color: #000;
 text-decoration: none;
 display:block;
 padding-left: 10px;
 border-left: solid 10px #00c000;
 }
 .nav li a: hover{
 border-left; solid 10px # c0ffc0;
 }
 </style>
 </head>
 <body>
 <div class="nav">
 <ul>
 <li><a href="#">メニューのリンク1</a></li>
 <li><a href="#">メニューのリンク2</a></li>
 <li><a href="#">メニューのリンク3</a></li>
 <li><a href="#">メニューのリンク4</a></li>
 <li><a href="#">メニューのリンク5</a></li>
 </ul>
 </div>
 </body>
 </html>