HTML期末作業課程設計-香水網站
5個網頁包括登錄注冊
部分原始碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Parfumare | famous</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/caipu.css"/>
</head>
<body>
<div class="nav">
<ul class="uu-nav">
<li class="logo">Parfum </li>
<li class="nav-lists"><a href="index.html">首頁</a> </li>
<li class="nav-lists"><a href="master.html">香氛</a> </li>
<li class="nav-lists"><a href="caipu.html">知名品牌</a> </li>
<li class="nav-lists"><a href="health.html">香水鑒賞</a> </li>
<li class="nav-lists"><a href="login.html">登錄</a> </li>
<li class="nav-lists"><a href="res.html">注冊</a> </li>
<li class="ico">三</li>
</ul>
<ul class="uu-lists">
<li><a href="index.html">首頁</a> </li>
<li><a href="master.html">香氛</a> </li>
<li><a href="caipu.html">知名品牌</a> </li>
<li><a href="health.html">香水鑒賞</a> </li>
<li><a href="login.html">登錄</a> </li>
</ul>
</div>
<div class="bananer">
<img src="images/shop.jpg"/>
</div>
<nav>
<h3>知名品牌</h3>
</nav>
<div class="cp-list min-width">
<ul>
<li>
<div class="cp-img"><img src="img/chanel.jpg"/></div>
<h4>CHANEL</h4>
<p>I wear nothing but a few drops of Chanel No.5.</p>
<strong>了解更多</strong>
</li>
<li>
<div class="cp-img"><img src="img/givenchy.jpg"/></div>
<h4>GIVENCHY</h4>
<p>紀梵希香水幾乎就是赫本本人的化身——經典、優雅、高貴、簡潔、女性化</p>
<strong>了解更多</strong>
</li>
<li>
<div class="cp-img"><img src="img/dior.jpg"/></div>
<h4>DIOR</h4>
<p>Dior Addict the now fragrance from Dior.</p>
<strong>了解更多</strong>
</li>
<li>
<div class="cp-img"><img src="img/burberry.jpg"/></div>
<h4>BURBUEEY</h4>
<p>The good things in life never change.</p>
<strong>了解更多</strong>
</li>
<li>
<div class="cp-img"><img src="img/ysl.jpg"/></div>
<h4>Yves Saint laurent</h4>
<p>我想和你見面 地點你選 森林 沙漠 夜晚依稀的湖畔 草原 大海 清晨薄霧的街口 只是 不要再在夢里了</p>
<strong>了解更多</strong>
</li>
<li>
<div class="cp-img"><img src="img/ck.jpg"/></div>
<h4>Calvin Klein</h4>
<p>Be good,be bad,just be yourself.</p>
<strong>了解更多</strong>
</li>
</ul>
</div>
<footer>
<p>友情鏈接 <a href="https://www.chanel.cn/zh_CN/fragrance-beauty/home.html?utm_source=baidu&utm_medium=brandzone&utm_campaign=20161213_ec_launch&utm_content=pc_top_title&utm_term=fbp_pc&ag_kwid=17195-4-6c0457a5b89d7dfc.24752fdcbd6d391b">CHANEL</a> <a href="https://www.dior.cn/zh_cn/fragrance/new-fragrances">DIOR</a> <a href="https://www.givenchybeauty.cn/%E9%A6%99%E6%B0%B4/">GIVENCHY</a> </p>
<p>計網1951班06梁玟瑄</p>
</footer>
<script src="js/nav.js" type="text/javascript">
</script>
</body>
</html>
部分網址截圖
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/238079.html
標籤：其他
上一篇：百葉窗效果 html+css
下一篇：Ajax基礎教程