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

源自：5-5 CSS3背景制作导航菜单综合练习题

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

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

提问者：和我一起养只喵 2017-04-26 11:42

个回答

和我一起养只喵

2017-04-27 08:19:50

这个使用a元素撑起的li 你点击的话不仅仅局限点击那个导航栏的字也能实现超链接功能就是加不上那个分隔符为什么吖

0
慕虎0103371

2017-04-26 12:00:21

j加个hr

0

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

个回答

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