猿问

请问代码有错吗,为什么我的网页显示不了<li>的内容,如图,还有为什么不是横着排列?

代码如下:

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

<head>

<title>菜单导航栏-购物列表</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

*{padding:0;margin:0;}

li,ul{list-style:none}

.nav_bg{background:#ce2626;width:100%;color:#fff}

.nav_content{width:100%;margin:0 auto;height:40px;line-height:40px}

.nav(width:100%px;float:left;margin-left:200px)

.nav li{font-size:16px;font-weight:700;color:#fff;width:80px;float:left;text-align:center;margin-right:15px}

.orange{font-weight:700;color:#f60}

.nav_active{background:#b12121}

a.white{color:#fff;text-decoration:none}

a.white:hover{color: #ff0;text-decoration: none}

</style>

</head>

    <body>

     <!--菜单导航栏 start-->

     <div>

     <div>

     <ul>

     <li><a href="shoppingIndex.html">首页</a></li>

     <li>

     <a href="shoppingShow.html">最新上架</a></li>

              <li>品牌活动</li>

              <li>原厂直供</li>

              <li>团购</li>

              <li>限时抢购</li>

              <li>促销打折</li>

       </ul>

       </div>

       </div>

       <!--菜单导航栏 end-->

</body>

</html>

http://img.mukewang.com/59919c1b000103d413660102.jpg


qq_我是小笨熊_04279522
浏览 1348回答 2
2回答

慕雪8588896

标绿线的最后要加分号,标红线的地应该是不对的,应该为ul空格li
随时随地看视频慕课网APP
我要回答