帮我看看这个怎么写 html 实在不会?
发布网友
发布时间:2022-04-24 08:49
我来回答
共5个回答
懂视网
时间:2022-05-13 05:49
安誉欢迎您 首页 等等 试试 会员中心 交流 现在是这个文字在导航栏的下面。怎么样进去导航栏里面? 谢谢了
回复讨论(解决方案)
nav你定的40px的高度,当然都挤没了,你给#nav加个overflow:hidden,毛都剩不下了。
还有ul里放些独立于li的div干嘛。。 放也就算了,nav_left,nav_right浮动了,nav_contents应该clear掉浮动,否则都nav_contents盖在nav_left和right上了。
写得不规范。。
给你个建议 像布局这种东西,尤其是像你这div这么多的情况下
你最好给每个div加上不同的背景颜色或者加上边框颜色;
用来区分你现在要操作的位置,你光这么看看死你;
我敢保证你加上颜色你就知道你错哪了!!
热心网友
时间:2022-05-13 02:57
<!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能上手写项目,出来实习起码一万以上一个月,加油!
热心网友
时间:2022-05-13 04:15
这种很简单的,在这里无法为你演示,但是只是使用了div和a标签,同时借助css样式,就可以编辑出这个效果了。先写html,然后编写css样式,就可以了。
热心网友
时间:2022-05-13 05:50
html你值得学习
热心网友
时间:2022-05-13 07:41
是刚学div吗