手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何用css做简单的网页页尾部分

时间:2024-10-12 12:30:54

1、首先我们先写内间恒溪痞容,按照页尾的惯例,我们一般页尾用footer,我们把内容写为:<div id="fo泠贾高框oter"> <ul> <li><a href="#">公司简介</a></li> <li><a href="#">发展历程</a></li> <li><a href="#">科技研发</a></li> <li><a href="#">集团介绍</a></li> <li><a href="#">奋斗目标</a></li> </ul></div>

如何用css做简单的网页页尾部分

2、下面我们写css的内容,嚼但匙噻首先我们写大的框架。#footer { height:300px; padding: 30px 0; background:#333; border-top: 3px solid #EFEFEF; margin:0;}

如何用css做简单的网页页尾部分

3、然后把一些细节性的写进去,也就是ul、li之类的,大家看的多了就习惯了,慢慢的自己照着也可以做出来了。

如何用css做简单的网页页尾部分

4、另外为了使下面内容更丰富,我们放一张二维码什么的图片在上面。不过只是演示,不真放哦。

如何用css做简单的网页页尾部分

5、然后我们给图片添加一些样式,让他具右。#foot-img { float: right; margin:0 50px 0 0;}#foot-img img { width: 250px; height: 250px;}

如何用css做简单的网页页尾部分

6、这些基本写完后,我们就可以看下效果了,不懂了,可以来问的。

如何用css做简单的网页页尾部分
© 手抄报圈