就我这个代码怎么把分隔线加上求大神

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>

       <style type="text/css">
           *{
               margin: 0;
               padding: 0;
           }


           ul{


               background: #f65f57;

               width: 560px ;
               margin: 20px auto;

               overflow: hidden;
               border-radius: 10px;
               box-shadow: 0 7px 5px #B34238;

           }
           li{
               text-align: center;
               text-shadow:1px 1px 2px palegreen;
               list-style: none outside none;


           }

           a{
               color: white;
               width: 16%;
               padding: 15px 0px;
               float: left;

               text-decoration: none;.


           }
           a:hover{
               -webkit-transform:rotate(10deg);
                  -moz-transform:rotate(10deg);
                  -o-transform:rotate(10deg);
                  -ms-transform:rotate(10deg);
                  transform:rotate(10deg);


           }
           a:after{

           }
       </style>
   </head>
   <body>
       <div id="box1">
       <ul>
           <li><a href="#">Home </a></li>
           <li><a href="#">About Me</a></li>
           <li><a href="#">Portfollo</a></li>
           <li><a href="#">Blog</a></li>
           <li><a href="#">Resourcrs</a></li>
           <li><a href="#">Contact Me</a></li>

       </ul>
       </div>

   </body>
</html>