本篇文章紧张给大家先容一下如何利用html+css来制作百度首页页面。
1)制作页面所用的知识点我们首先来剖析一下百度首页的页面效果图
百度首页由头部的一个笔墨导航,中间的一个按钮和一个输入框以及下边的笔墨简介和导航组成。
我们这里紧张用到的知识点便是列表标签(ul)的利用、浮动(float)的利用以及输入框(input)的样式掌握。
1、列表标签ul(头部和底部的笔墨链接导航都有相同的颜色大小以及间距,我们可以利用ul和li来表示每个对应的笔墨导航);
2、浮动元素float(每个li元素我们须要利用float:left;让其左对齐,中间的两个input我们须要利用float:left;来让其左对齐,这里涉及到了我们之前讲解的如何打消浮动的影响);
3、输入框input(通过掌握输入框的宽高、边框以及添补来使input变成我们想要的效果)
2)详细的实当代码整体的百度实当代码如下所示:
好了,本篇文章就给大家说到这里,大家自己动手写一下百度首页看能不能写出一样的页面效果出来,有须要源码的可以直接私信我即可。
逐日金句:沉重的担子是由那些有着倔强的肩膀的人来挑的。喜好我的文章的小伙伴记得关注一下哦,每天将为你更新最新知识。