请问对吗?
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
在这里输入代码,可通过选择【代码语言】突出显示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第一个作业</title>
<link rel="stylesheet" href="css/css.css"/>
</head>
<body>
<div class="header"><!--Header区域-->
<div class="header_1">
<div class="logo">
<img src="images/logo.png" alt="这是一个logo">
</div>
<div class="nav">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">FACULTY</a></li>
<li><a href="#">EVENTS</a></li>
<li class="nav_last"><a href="#">CONTACT</a></li>
</ul>
</div>
</div>
</div>
<div class="Banner"><!--Banner区域-->
<img src="images/banner3.jpg"/><!--Banner图片-->
<div class="zhezhao">
Banner遮罩层
</div>
<div class="biaodan">
<form>
<input type="text" name="name" placeholder="your Name">
<input type="password" name="pwd" placeholder="your Password">
<input type="email" name="email" placeholder="your Email">
<textarea placeholder="your Comment"></textarea>
<input type="submit" name="submit" value="SEND MESSAGE">
</form>
</div>
</div>
<div class="About"><!--About区域-->
<div class="biaoti">
<h3>ABOUT</h3>
<p>分割线</p>
<span>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
dummy text ever since the 1500s.
</span>
<h3>A WORD ABOUT US</h3>
<span>Praesent dignissim viverra est, sed bibendum ligula congue non. Sed ac nisl et felis gravida commodo? Suspendisse eget
ullamcorper ipsum. Suspendisse diam amet.</span>
<p>EXPLORE</p>
</div>
<div class="miaoshu"><img src="images/bb3.jpg"></div>
</div>
<div class="tuwen"><!--图文混排区域-->
<img src="images/b1.jpg" />
<h3>Library</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<p>EXPLORE</p>
<img src="images/b2.jpg" />
<h3>Library</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<h3>Library</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<p>EXPLORE</p>
<img src="images/b3.jpg" />
<h3>Library</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<p>EXPLORE</p>
<img src="images/b4.jpg" />
</div>
<div class="Gallery"><!--Gallery区域-->
<h3>Gallery</h3>
<p>分割线</p>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley
of type and scrambled it to make a type specimen book.</p>
<div class-bottom>
<dl>
<dt><img src="images/03-01.jpg"></dt>
<dd>Science Lab</dd>
</dl>
<dl>
<dt><img src="images/03-02.jpg"></dt>
<dd>Indoor Stadium</dd>
</dl>
<dl>
<dt><img src="images/03-03.jpg"></dt>
<dd>Transportation</dd>
</dl>
<dl>
<dt><img src="images/03-04.jpg"></dt>
<dd>Kids Room</dd>
</dl>
<dl>
<dt><img src="images/03-05.jpg"></dt>
<dd>Meditation Classes</dd>
</dl>
<dl>
<dt><img src="images/03-06.jpg">2</dt>
<dd>Kids Play Ground</dd>
</dl>
</div>
</div>
<div class="Footer"><!--页脚区域-->
<p href="#">© 2016 imooc.com 京ICP备13046642号</p>
</div>
</body>
</html>
*{
margin: 0;
padding: 0;
}
.header{
background: #07CBC9;
height: 80px;
}
.header_1{
width: 1200px;
margin: 0 auto;
}
.logo{
float: left;
width: 260px;
height: 48px;
padding-top: 16px;
}
.nav{
float: right;
}
.nav ul li{
float: left;
list-style: none;
}
.nav ul li a{
margin-right: 20px;
text-decoration: none;
color: #fff;
line-height: 80px;
}
.nav ul li.nav_last a{
margin-right: 0;
}
正在回答
同学你好,使用text-align:center即可。另外,老师这边回答时,是给同学粘贴了居中的图片的,但不知道什么原因没有上传上去。后续老师回答时会多注意一下这个问题,避免此类事情发生。
祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星