当前位置:首页 > 学无止境 > web前端>正文

69乐园网页布局技巧

2020-12-05 17:33:23 分类: web前端 阅读(354) 编辑:小郭 评论(6)

本文分享的是69乐园网页布局技巧,69乐园网页设计,69乐园网页设计技巧,69乐园网站建设专题。

一、网站头部代码

<header class="header">
	<ul class="menu-list">
		<li><a href="index.html">首页</a></li>
		<li><a href="index2.html">69乐园网页设计</a></li>
		<li><a href="index3.html">69乐园网页制作</a></li>
		<li><a href="index4.html">69乐园网站建设</a></li>
		<li><a href="index4.html">69乐园在线留言</a></li>
	</ul>
</header>

二、主体内容部分代码

<div class="page-wrap">
	<!-- 这里是轮播图代码 -->
	<div class="index-banner">
		<ul>
			<li><a href="###"><img src="images/banner1.jpg" alt="69乐园"></a></li>
			<li><a href="###"><img src="images/banner2.jpg" alt="69乐园"></a></li>
		</ul>
	</div>
	<!-- 这里可以放简介介绍一下自己 -->
	<div class="index2">
		<div class="about-box">
			<p>69乐园网页设计制作技巧是专门分享69乐园布局技巧的网站</p>
		</div>
	</div>
	<!-- 这里可以放一些69乐园照片 -->
	<div class="index3-photo">
		<ul>
			<li><a href="###"><img src="images/pic1.jpg" alt="69乐园操场生活"></a></li>
			<li><a href="###"><img src="images/pic2.jpg" alt="69乐园宿舍生活"></a></li>
			<li><a href="###"><img src="images/pic2.jpg" alt="69乐园日常照片"></a></li>
		</ul>
	</div>
</div>

三、网站底部代码

<footer>
	<p>本网页69乐园网页设计制作完成</p>
</footer>

以上就是69乐园网页布局技巧的全部内容。

标签: 69乐园
相关推荐

热门标签 更多