198. Web前端网页制作美食主题网页设计实例大学生期末大作业 html+css

仙女网页制作

已于 2024-11-13 12:24:22 修改

阅读量1.3k

点赞数 20

CC 4.0 BY-SA版权

分类专栏：美食 Web网页设计实例文章标签：课程设计 html5 css javascript java jquery 3d

于 2024-05-13 19:05:24 首次发布

本文链接：https://blog.csdn.net/A240307/article/details/138815278

前言

美食主题网页设计实例，应用html+css+js： Div、导航栏、下拉菜单、图片轮翻效果、悬浮菜单等。适用于大学生网页课程作业设计，供大家参考。

一、网页概述

网页布局为“T字型”的布局，即上面、左边面是网站的标题或分类菜单，右边是正文内容。本实例支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改；支持包括IE、Firefox、Chrome、Safari主流浏览器浏览。

二、网页文件

本网页实例共包含7个页面：

三、网页效果

以下是本篇文章正文内容，下面案例仅供参考（节选示例）：

四、代码展示

1.html

<body>
<div class="con">
<div class="head">
<div class="logo"><a href="#"><img src="images/logo.png" /></a></div>
<div class="cart">
<ul>
<li><img class="fl" src="images/c1.png" /><a href="#.html">购物车中共有0个商品</a> </li>
<li><img class="fl pt3" src="images/c2.png" /><a href="#.html">去结算</a> </l