Dreanweaver里显示跟在浏览器中显示不一样，不知道错哪了，div加不上边框-HTML教程-爱易网页

Dreanweaver里显示跟在浏览器中显示不一样，不知道错哪了，div加不上边框

日期：2014-05-17　浏览次数：21130 次

Dreanweaver里显示跟在浏览器中显示不一样，不知道哪里错了，div加不上边框
我想要这样的显示效果

结果成这样的了

源代码

HTML code


<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
    
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

    <script type="text/javascript" src="js/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(".navitems li a").click(function(){
            $(".navitems li a").css("background","url(images/libg.png)");
        });
    </script>
    <style type="text/css">
        div{ border:1px solid #666}
        .newsbody{ width:1000px; margin:0 auto;}
        .content{ width:998px; margin:0 auto; padding-top:10px; border:1px solid #999; border-bottom:none}
        .nav{ background:url(images/navbg.png) top left;width:1000px; height:30px; line-height:0px; overflow:hidden; margin: 0 auto;}
        .navitems{ list-style:none;}
        .navitems li{ float:left; margin-right:10px; margin-left:0px; border-right:#FFC; border:1px;}
        .navitems li a{ text-align:center; color:#FFF; text-decoration:none; font-size:15px;  vertical-align:middle}
        .navitems li a:hover{text-decoration:underline};
        .hotnews{ width:700px; height:400px;}
        .hotnews div{ float:left}
        .banner{
    position:relative;
    left:0px;
    width:700px;
    height:30px;
    background:url(images/banner.png);
    text-align:left;
    line-height:30px;
    overflow: hidden;
    background-color: #FFFFFF;
}
        .hotnewsitems{ width:450px; height:360px; position:relative; left:0px; margin-top:10px; overflow:hidden}
        .news{ list-style:circle;}
        .news li{ margin-top:10px;}
        .news li a{ text-decoration:none;}
        .news li a:hover{ text-decoration:underline;}
        .gundong{ margin-left:10px; width:230px; height:195px; position:relative; margin-top:10px;}
        .hotvideo{ width:230px; height:155px; margin-left:10px; margin-top:10px;}
    </style>
 
  </head>
  
   
  <body>

  <div class="nav">
        <ul class="navitems">
            <li style="padding-left:0px"><a href="#">新闻首页</a></li>
            <li><a href="#">国内</a></li>
            <li><a href="#">国际</a></li>
            <li><a href="#">军事</a></li>
            <li><a href="#">财经</a></li>
            <li><a href="#">互联网</a></li>
            <li><a href="#">房产</a></li>
            <li><a href="#">汽车</a></li>
            <li><a href="#">体育</a></li>
            <li><a href="#">娱乐</a></li>
            <li><a href="#">游戏</a></li>
            <li><a href="#">体育</a></li>
            <li><a href="#">女人</a></li>
            <li><a href="#">科技</a></li>
            <li><a href="#">社会<

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

Dreanweaver里显示跟在浏览器中显示不一样，不知道错哪了，div加不上边框

相关资料更多>

推荐阅读更多>