想问问如何用html5+css3做一个网页,网页只有背景图片和导航,导航在左侧

如题所述

想要实现的效果很简单的,给你个简单的例子,看看就明白了!
<!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>追问

如何让背景图片满屏显示呢?还有导航的那块阴影怎么去掉?谢谢你

温馨提示:内容为网友见解,仅供参考
无其他回答

html5css3左侧折叠菜单怎么做
只需要给h1绑定事件,单件它的时候,设置它的p属性,display:none。

网页排版在HTML5CSS3怎么让图片在左文字在右在HTML5CSS3文字在图片再...
图片float:left靠左,文字float:right 靠右

网页中HTML5与CSS3的应用
一般情况下,HTML作为基本标记语言,主要在以下几个方面发挥效能(1)实现静态网页的编写,多数情况下以.html为结尾的网址就是在HTML的基础上诞生的,通常看到的网页源代码就是标记语言;(2)实现动态网页的编写,主要会以PHP或者ASP等语言方式去呈现网页的动态效果。 2 CSS的发展、特性和应用 2.1 CSS的发展历程 1994年...

HTML学生个人网站作业设计:HTML做一个公司官网首页页面(纯html代码)
网站题目: 公司官网网站、企业官网、酒店官网等的设计与制作。网站描述: 网页包含:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面,使用视频音频元素,设计了Logo,覆盖基本网页设计的知识点。网站介绍: 布局采用现代结构,兼容主流浏览器,程序使用HTML5+CSS3+JS,文件包含HTML结构...

我需要 HTML5+CSS3跨平台网页设计实例教程,帮一下!急需教材!求!_百度...
https:\/\/pan.baidu.com\/s\/1SmofCFbCWqxuwv468tXPng 提取码:1234 本书从网页设计实际应用的角度理解HTML5和CSS3的新元素和新功能,合理选取教学内容。本书设置了以下10个教学单元: 站点与网页的创建、网页中文本与段落的应用设计、网页中图像与背景的应用设计、网页中列表与表格的应用设计、网页中超...

HTML5+CSS3实现简洁好看的侧边栏菜单(6款)
模板一:经典可切换主题的侧边栏,使用HTML5和CSS3构建,具备动态主题切换功能,为用户提供了丰富的视觉体验。模板二:简洁清爽的侧边栏,采用HTML5和CSS3,设计风格简约,布局清晰,适合多种应用场景。模板三:经典的侧边栏,通过HTML5和CSS3实现,具备良好的交互性和美观性,是设计菜单的优选方案。模板...

HTML5+CSS3小实例:边框流动
通过HTML5和CSS3,我们可以创建一个具有动态边框流动效果的网页元素。首先,我们需要创建一个空白项目,并在HTML中编写包含所需内容的结构。在CSS中,我们将利用伪元素和动画技术来生成旋转渐变背景效果。同时,通过设置标题样式,使其在盒子上方居中显示。此外,页面布局采用Flexbox,以确保盒子在页面中居中...

网页是如何实现的,WebUI设计理论入门教程(webui设计)
一、掌握HTML5与CSS3入门 随着移动互联网时代的快速发展,特别是4G技术的普及,HTML5和CSS3已经成为新一代的前端技术。了解并掌握HTML5已经成为Web开发人员的基本要求。在关注网页内容结构的同时,CSS的使用能够提升网页的美观度。通过HTML5和CSS3,可以模仿并实现各种网站的布局和设计,包括色彩、图片和...

网页是如何实现的,Web UI设计理论入门教程
利用 HTML5 和 CSS3 模拟一些你所见过的网站的排版和布局(色彩,图片,文字样式等等)。当然,远标Web前端开发课程第一阶段还会学习 PS设计工具使用和互联网UI设计理论。二、学习Java,了解DOM Java 是一种能让你的网页更加生动活泼的程序语言。学习 Java 的基本语法,学会用 Java 操作网页中 DOM 元素...

谁有HTML5+CSS3+JavaScript网页设计入门与应用,帮一下!急需教材!求...
https:\/\/pan.baidu.com\/s\/16hKWGYgTiemHDD_1rLZEaA 提取码:1234 《HTML5+CSS3+JavaScript 网页设计入门与应用》从网站基础开始,结合大量案例,全面、翔实地介绍了使用HTML5+CSS3+JavaScript开发Web前端页面的具体方法与步骤,引导读者从零开始,一步步掌握Web开发的全过程。本书通过一个个鲜活、...

相似回答