帮我看看这个怎么写 html 实在不会?
发布网友
共5个回答
懂视网
现在是这个文字在导航栏的下面。怎么样进去导航栏里面？ 谢谢了
回复讨论(解决方案)
nav你定的40px的高度，当然都挤没了，你给#nav加个overflow:hidden，毛都剩不下了。
还有ul里放些于li的div干嘛。。 放也就算了，nav_left,nav_right浮动了，nav_contents应该clear掉浮动，否则都nav_contents盖在nav_left和right上了。
写得不规范。。
给你个建议 像布局这种东西，尤其是像你这div这么多的情况下
你最好给每个div加上不同的背景颜色或者加上边框颜色；
用来区分你现在要操作的位置，你光这么看看死你；
我敢保证你加上颜色你就知道你错哪了！！
热心网友
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style type="text/css">
.all{
width: 300px;
font-size: 12px;
background-color: #EFFED7;
}
.title{
display: flex;
flex-direction: row;
justify-content: space-between;
height: 20px;
}
.content{
display: flex;
flex-direction: row;
justify-content: space-around;
}
.item{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.pic{
background-color: #FECA98;
height: 100px;
width: 125px;
text-align: center;
line-height: 100px;
}
.scr{
width: 125px;
text-align: center;
}
a{
color: #666A6D;
text-decoration: none;
}
.blue{
color: blue;
}
a:hover{
color: red;
text-decoration: underline;
}
</style>
</head>
<body>
<div class="all">
<div class="title">
<span class="blue" >实习实训</span>
<span><a href="" class="blue" >更多+</a></span>
</div>
<div class="content">
<div class="item" >
<a href=""><div class="pic" >图片</div></a>
<div class="scr"><a href="">软件学院2017级学生网页课程设计</a></div>
</div>
<div class="item" >
<a href=""><div class="pic" >图片</div></a>
<div class="scr"><a href="">软件学院2017级学生网页课程设计</a></div>
</div>
</div>
</div>
</body>
</html>
//好好学习啊，现在前端很火热的，你要是学的好，前端三大框架都了解。VUE能上手写项目,出来实习起码一万以上一个月，加油！
热心网友
这种很简单的，在这里无法为你演示，但是只是使用了div和a标签，同时借助css样式，就可以编辑出这个效果了。先写html，然后编写css样式，就可以了。
热心网友
html你值得学习
热心网友
是刚学div吗
