就我這個(gè)代碼怎么把分隔線加上求大神

<!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>