<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
如何查看网页源代码?，<link rel="stylesheet" href="css/作品2.css" type="text/css" />
</head>
<body>
<div class="container">
<div class="top">
<ul>
<li><a>首页</a></li>
1、首先，我们打开我们电脑上面的浏览器，然后我们登录一个网站，如图所示，之后我们右击网页左边的空白处。2、弹出的界面，我们点击审查元素。3、结果如图所示，这样我们就看到审查元素了。4、我们还是右击网页左边的空白处，弹。
<li><a>美味选择</a></li>
<li><a>配送说明</a></li>
<li><a>关于我们</a></li>
<li><a>联系我们</a></li>
</ul>
</div>
<div class="center">
<div class="left">
<ul>
<li><a>首页</a></li>
<li><a>美味选择</a></li>
<li><a>配送说明</a></li>
1、首先打开电脑的ie浏览器进去，如下图所示。2、进入ie浏览器首页后，点击查看，如下图所示。3、在查看菜单下选择源，如下图所示。4、最后打开源就看到本网页的源代码了，在最下方，如下图所示。
<li><a>关于我们</a></li>
<li><a>联系我们</a></li>
</ul>
</div>
<div class="centerl">
<ul>
<li><a>打印电子优惠券</a></li>
<li><a>加入俱乐部</a></li>
<li><a>配送范围</a></li>
<li><a>餐厅信息</a></li>
</ul>
</div>
<div class="right"></div>
</div>
<div class="foot">
</div>
</div>
</body>
</html>
css
*{
padding:0它;
marginal:0它;
}
body{
background:url(../img/bg.jpg);
background-repeat
}
.container{
width:900px;
height:600px;
background-color:#121212;
margin:100px auto;
}
.top{
width:900px;
height:200px;
background-color:red;
position:relative;
background:url(../img/banner.jpg) no-repeat;
background-size:900px 200px;
}
.center{
width:900px;
height:340px;
background-color:lightpink;
}
.left{
width:200px;
height:340px;
background:url(../img/left_bg.jpg) no-repeat;
background-size:200px 340px;
float:left;
}
查看网页源代码及修改源代码的方法如下：1、打开所要修改的网页，然后按下键盘上的“F12”，会出现一个源代码页面：2、然后点击左上角的小箭头，使其高亮：3、然后鼠标选择需要修改的内容，下面会出现相对应的代码，如下。
.foot{
padding:10px 100px;
width:700px;
height:60px;
background-color:#660000;
}
.centerl{
width:350px;
height:340px;
float:left;
}
.right{
width:350px;
height:340px;
background-color:lightpink;
float:left;
}
.top ul{
list-style:none;
position:absolute;
top:50px;
right:50px;
}
.top ul li{
float:left;
margin-left:30px;
font-size:14px;
font-style:"微软雅黑";
color:brown;
}
.top ul li a:hover{
text-decoration: underline;
color:white
}
.left ul li{
margin-left:30px;
margin-top: 45px;
font-size:14px;
font-style:"微软雅黑";
color:brown;
}
.left ul li a:hover{
text-decoration: underline;
color:white
}
.centerl ul li{
margin-left:60px;
margin-top:50px;
5、第五步，执行完上面的操作之后，可以轻松查看网站的源代码，见下图，转到下面的步骤。6、第六步，执行完上面的操作之后，如果要关闭网页源代码，只需单击左上角的“返回”按钮，见下图。这样，就解决了这个问题了。
font-size:14px;
font-style:"微软雅黑";
color:brown;
}
.centerl ul li a:hover{
text-decoration: underline;
color:white
}
