我用notepad++写的html+css为什么连接不上图片
这是html<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/x...
这是html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>please </title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">[color=#aaaaaa]<!--页面层容器 -->[/color]
<div id="header">[color=#aaaaaa]<!--页面头部 -->[/color]
<div id="menu">
<ul>
<li><a href="#">首页 </a></li>
<li class="menudiv"> </li>
<li><a href="#">博客 </a></li>
<li class="menudiv"> </li>
<li><a href="#">设计 </a></li>
<li class="menudiv"> </li>
<li><a href="#">相册 </a></li>
<li class="menudiv"> </li>
<li><a href="#">论坛 </a></li>
<li class="menudiv"> </li>
<li><a href="#">关于 </a></li>
</ul>
</div>
<div id="banner">
</div>
</div>
<div id="page body">[color=#aaaaaa]<!--页面主体 -->[/color]
<div id="side bar">[color=#aaaaaa]<!--侧边栏-->[/color]
</div>
<div id="main body">[color=#aaaaaa]<!--主体内容 -->[/color]
</div>
</div>
<div id="footer">[color=#aaaaaa]<!--页面底部 -->[/color]
</div>
</div>
</body>
</html>
这是css
/*基本信息 */
#body{font:12px Tahoma;margin:0px;text-align:center;backgroung:#FFF;}
#a:link,#a:visited{font-size:12px;font-decoration:none;}
#a:hover{}
/*页面层容器 */
#container{width:800px;margin:10px auto}
/*页面头部 */
#header{width:800px;margin:0 auto;height:100px;background:url(logo.JPEG)no-repeat}
/*页面主体 */
#page body{width:800px;margin:0 auto;height:400px;background:#CCFF00}
/*页面底部 */
#footer{width:800px;margin:0 auto;height:50px;background:#00FFFF} 展开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>please </title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">[color=#aaaaaa]<!--页面层容器 -->[/color]
<div id="header">[color=#aaaaaa]<!--页面头部 -->[/color]
<div id="menu">
<ul>
<li><a href="#">首页 </a></li>
<li class="menudiv"> </li>
<li><a href="#">博客 </a></li>
<li class="menudiv"> </li>
<li><a href="#">设计 </a></li>
<li class="menudiv"> </li>
<li><a href="#">相册 </a></li>
<li class="menudiv"> </li>
<li><a href="#">论坛 </a></li>
<li class="menudiv"> </li>
<li><a href="#">关于 </a></li>
</ul>
</div>
<div id="banner">
</div>
</div>
<div id="page body">[color=#aaaaaa]<!--页面主体 -->[/color]
<div id="side bar">[color=#aaaaaa]<!--侧边栏-->[/color]
</div>
<div id="main body">[color=#aaaaaa]<!--主体内容 -->[/color]
</div>
</div>
<div id="footer">[color=#aaaaaa]<!--页面底部 -->[/color]
</div>
</div>
</body>
</html>
这是css
/*基本信息 */
#body{font:12px Tahoma;margin:0px;text-align:center;backgroung:#FFF;}
#a:link,#a:visited{font-size:12px;font-decoration:none;}
#a:hover{}
/*页面层容器 */
#container{width:800px;margin:10px auto}
/*页面头部 */
#header{width:800px;margin:0 auto;height:100px;background:url(logo.JPEG)no-repeat}
/*页面主体 */
#page body{width:800px;margin:0 auto;height:400px;background:#CCFF00}
/*页面底部 */
#footer{width:800px;margin:0 auto;height:50px;background:#00FFFF} 展开
4个回答
展开全部
原因可能有二：
一、css语法错误
url(logo.JPEG)no-repeat 这行代码中no-repeat前应该留有空格才对。
二、路径问题。
从你的代码可以看出，你引用的是外部css文件。在外部css文件里，图片的路径是相对css文件而言的。
假如你的html文件、style.css、logo.JPEG同在一个目录下，那么，你的代码是没有问题的。我猜测你的logo.JPEG与前两个文件不在同一目录下。如果真的是这样，假设你的logo.JPEG是在一个名为img的子文件夹里，那么你的css关于图片的部分应该改为url(img/logo.JPEG) no-repeat。
一、css语法错误
url(logo.JPEG)no-repeat 这行代码中no-repeat前应该留有空格才对。
二、路径问题。
从你的代码可以看出，你引用的是外部css文件。在外部css文件里，图片的路径是相对css文件而言的。
假如你的html文件、style.css、logo.JPEG同在一个目录下，那么，你的代码是没有问题的。我猜测你的logo.JPEG与前两个文件不在同一目录下。如果真的是这样，假设你的logo.JPEG是在一个名为img的子文件夹里，那么你的css关于图片的部分应该改为url(img/logo.JPEG) no-repeat。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
注意css文件和图片文件的据对路径和相对路径。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
图片放错位置了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
路径问题
追问
那应该怎么改呢？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
