html网页设计期末大作业——绿色化妆品网页设计(4页)

最新推荐文章于 2024-09-08 11:09:50 发布

web领域优质创作者-网页设计

最新推荐文章于 2024-09-08 11:09:50 发布

阅读量4.9k

点赞数 8

分类专栏： HTML5期末大作业 web期末作业设计网页大学生毕业设计源码文章标签： html 前端 css3 模板下载

本文链接：https://blog.csdn.net/m0_46321522/article/details/122133585

版权

这是一个HTML网页设计的期末大作业，重点展示了绿色化妆品主题的4页网页设计。包括作品展示、文件目录、代码实现等内容，适合前端学习者获取源码和学习资料。

摘要由CSDN通过智能技术生成

html网页设计期末大作业——绿色化妆品网页设计(4页)

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

获取更多源码

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>化妆品首页</title>
<link href="css/index.css" type="text/css" rel="stylesheet" />
<link href="css/base.css" type="text/css" rel="stylesheet" />
</head>

<body>
	<div class="banner">
        <!--头部-->
        <div class="top">
        	<div class="logo"></div>
            <span></span>       
            <div class="txt01">
                <p>专注护肤行业<b>10年</b></p>
                <p>我们只生产最高品质的护肤产品</p>
            </div>
            <div class="tel">
                <p>全国服务咨询热线</p>
                <b>400-888-2837</b>
            </div>            
        </div> 
        <div class="nav">
        	<div class="nav_bg">
            	<ul>
                	<li class="ff"><a href="index.html">首页</a></li>
                    <li><span></span><a href="news.html">公司新闻</a></li>
                    <li><span></span><a href="product.html">产品中心</a></li>
                    <li><span></span><a href="companyIdea.html">公司理念</a></li>
                    <li><span></span><a href="contactUs.html">联系我们</a></li>
                </ul>
                <div class="search">
                	<div class="s01">产品搜索</div>
                    <input type="text" value="请输入关键字" class="s02" /><span></span>
                </div>
            </div>
        </div>
	</div>

	<div class="customer">
    	<div class="news">
        	<span><a href="javascript:">公司新闻</a></span>
            <span class="cur"><a href="javascript:">公司理念</a></span>            
            <ul>
            	<li><a href="newsxq.html">2008年，化妆品国际化全新产品在国内上市</a></li>
                <li><a href="newsxq.html">2011年4月，化妆品国第1000家门店正式开幕</a></li>
                <li><a href="newsxq.html">2013年，化妆品新品太极丹新品亮相上海家化</a