69樂園網頁布局技巧

本文分享的是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樂園網頁布局技巧的全部內容。