想问问如何用html5+css3做一个网页,网页只有背景图片和导航,导航在左侧
1个回答
2016-06-02
展开全部
想要实现的效果很简单的,给你个简单的例子,看看就明白了!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<style>
*{margin:0; padding:0; list-style:none;} /*清除代码样式的,不用考虑和复制*/
body{background:url(body_bg.jpg) no-repeat;}
.nav_left_bar{float:left; width:200px; background:#ccc;}
.nav_left_bar li{line-height:30px;}
</style>
</head>
<body>
<nav class="nav_left_bar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Previous</a></li>
<li><a href="#">Next</a></li>
</ul>
</nav>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<style>
*{margin:0; padding:0; list-style:none;} /*清除代码样式的,不用考虑和复制*/
body{background:url(body_bg.jpg) no-repeat;}
.nav_left_bar{float:left; width:200px; background:#ccc;}
.nav_left_bar li{line-height:30px;}
</style>
</head>
<body>
<nav class="nav_left_bar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Previous</a></li>
<li><a href="#">Next</a></li>
</ul>
</nav>
</body>
</html>
追问
如何让背景图片满屏显示呢?还有导航的那块阴影怎么去掉?谢谢你
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询