问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

帮我看看这个怎么写 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吗
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
女生多大后可以不在长身高? 如何不用软件把手机投屏到电脑上手机屏幕怎样投放到电脑上 战时拒绝、故意延误军事订货罪既遂的处罚? 战时故意延误军事订货罪处罚标准 名师1+1导读方案:汤姆·索亚历险记目录 三星sm-g7200打开微信慢,无法正常收看,网速不慢。 笔记本电脑如何调亮屏幕亮度 大伙说说洗衣机要不要带烘干好 热烘干洗衣机怎么样 ef英语哪个好 人间( )天上( )填空填什么? 如何在编写html代码时,正确的书写规范网页结构文档 人间(蔡骏)的txt全集下载地址 人间( ) 应该如何去写html代码 日语中“人间”“人类”的区别? 如何编写一个最简单的HTML文件 羽泉的《人间》 歌词 人间( )月芳菲尽,山寺桃花始盛开 如何编写一个html文件? 王菲的《人间》歌词是什么意思 html简单网页代码怎么写? 我想知道日本卖的飞利浦三头剃须刀合人民币多钱, 我想买款飞利浦的剃须刀,要三头的,价格在1000左右,不知道那款好! 飞利浦三个头剃须刀7145xL型号价格? 跪求有关飞利浦三头剃须刀的细致的尺寸 飞利浦剃须刀三头的最便宜是哪个型号,多少钱?谢谢! 女人的4种微信回复,其实就是讨厌你,别自作多情了,是什么? 女人如果在微信上怎样回复你就说明她对你已经动了情? 微信上,女人经常对你说什么,表示心里有你 ? 人间(王菲)歌词含义赏析 究竟要如何写html代码 用“&#39;月份“补充诗句。 人间( 日语 人间(にんげん)なのよ。---那なの是啥意思? 编写一个简单的HTML文件 《人间》(作者:蔡骏)txt notepad++怎样快速编写html 人间( )月芳菲尽? 郑州日语 日语中的“人间”这一词是怎么来的 《人间(上卷)谁是我》epub下载在线阅读,求百度网盘云资源 黑龙江省中青国际旅游有限公司怎么样? 陕西中青国际旅行社有限公司怎么样? 三明中青国际旅行社有限公司怎么样? 蚌埠市中青国际旅游有限公司怎么样? 沈阳中青国际旅行社有限公司怎么样? 山西中青国际旅行社有限公司怎么样? 广西柳州中青国际旅行社有限责任公司怎么样? 焦作市中青国际旅行社有限公司怎么样? 中国青年旅行社的旗下公司 厦门中青国际旅行社有限公司怎么样?