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

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

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

和我一起养只喵

2017-04-26 11:42

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

写回答关注

2回答

和我一起养只喵

2017-04-27 08:19:50

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

0 0
慕虎0103371

2017-04-26 12:00:21

j加个hr

1 0

和我一起养只...

兄弟你讲清楚点我很菜

2017-04-27 08:16:22

共 1 条回复 >