HTML+CSS美食静态网页设计

最新推荐文章于 2024-03-23 20:03:07 发布
最新推荐文章于 2024-03-23 20:03:07 发布
阅读量1w 收藏 138
点赞数 21
分类专栏： css
原文链接：https://blog.csdn.net/weixin_44020515/article/details/103077081
版权

爱尚美食网页

用Adobe Dreamweaver CS6 制作

代码如下：

HTML代码：
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8" />
<title>爱尚美食</title>
<!--链接图片及css -->
<link rel="shortcut icon" type="images/x-icon" href="images/xlogo.png"/>
<!--引入样式 -->
<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
 
<body>
 
<!--头部开始 -->
<header>
 
<div class="language_change">
<select name="language">
<option>简体中文</option>
<option>English</option>
</select >
 
<select name="currency">
<option>人民币</option>
<option>Dollor</option>
</select>
</div>
<div class="title"><p>爱尚美食</p></div>
 
<div class="logo"></div>
 
<div class="login_resister"><a href="#">登录</a>|<a href="#">注册</a></div>
 
<div class="shop_cart"><a href="#">购物车</a></div>
 
</header>
 
 
<menu>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">主食</a></li>
<li><a href="#">荤菜</a></li>
<li><a href="#">素材</a></li>
<li><a href="#">甜品</a></li>
<li><a href="#">小吃</a></li>
</ul>
</menu>
 
<article>
<div class="topic1">
<p></p>
<h1>每日推荐</h1>
<div class="search">
<input type="text"/>
<input type="button" value="站内搜索"/>
</div>
<ul>
<li>
<a href="#"><img src="images/可乐鸡翅.jpg"/></a>
<span>28yaun</span>
<h5>可乐鸡翅</h5>
</li>
<li>
<a href="#"><img src="images/蛋糕.jpg"/></a>
<span>15yaun</span>
<h5>提拉米苏</h5>
</li>
<li>
<a href="#"><img src="images/糖醋排骨.jpg"/></a>
<span>28yaun</span>
<h5>糖醋排骨</li>
<li>
<a href="#"><img src="images/龙虾.jpg"/></a>
<span>75yaun</span>
<h5>深海龙虾</h5></li>
</ul>
 
</div>
 
<div class="topic2">
<p></p>
<h1>优惠菜品</h1>
<div class="shaoma">
<h2>微信公众号<h2>
<hr></hr>
<img src="images/m.png"/>
</div>
<ul>
<li>
<a href="#"><img src="images/生蚝.jpg"/></a>
<span>49yaun</span>
<h5>蒜蓉生蚝</h5>
</li>
<li>
<a href="#"><img src="images/东坡肉.jpg"/></a>
<span>49yaun</span>
<h5>东坡肉</h5>
</li>
<li>
<a href="#"><img src="images/蛋糕1.jpg"/></a>
<span>15yaun</span>
<h5>丝袜蛋糕</h5></li>
<li>
<a href="#"><img src="images/披萨.jpg"/></a>
<span>50yaun</span>
<h5>芝士披萨</h5></li>
</ul>
</div>
 
<div class="topic3">
<p></p>
<h1>今日套餐</h1>
<div class="tishi">
<h2>特别提示<h2>
<hr></hr>
<h4><br>请客人保管好自己的财产安全和帐户密码。</h4>
</div>
 
<ul>
<li>
<a href="#"><img src="images/咖喱饭.jpg"/></a>
<span>39yaun</span>
<h5>咖喱鸡饭</h5>
</li>
<li>
<a href="#"><img src="images/套餐.jpg"/></a>
<span>28yaun</span>
<h5>排骨饭</h5>
</li>
<li>
<a href="#"><img src="images/蛋糕2.jpg"/></a>
<span>20yaun</span>
<h5>千层蛋糕</h5></li>
<li>
<a href="#"><img src="images/蛋糕3.jpg"/></a>
<span>25yaun n </span>
<h5>水果蛋糕</h5></li>
</ul>
</div>
 
</article>
 
 
<footer>
<p>
<a href="#">关于我们</a>|
<a href="#">联系我们</a>|
<a href="#">加入收藏</a>|
<a href="#">留言板</a>
</p>
<p class="company">版权所有©2019爱尚美食&nbsp;&nbsp;Email：ASMS@163.com</p>
<p>地址：衡阳市珠晖区衡阳师范学院	&nbsp;&nbsp;&nbsp;联系方式:88888888</p>
</footer>
</body>
</html>

CSS代码：

@charset "utf-8";	/* CSS Document */
*{
	margin:0 auto;
	padding:0px;
}
 
body{
	height:100%;
	width:100%;
	font-size:14px;
	font-family:"微软雅黑";	/*定义文字大小及字号*/
	}
header{
	background:#F6F6F6;
	width:1200px;
	height:80px;
	margin:0 auto;
	position:relative;
}
 
header div{
	float:left;}
	
.title{
	font-family:"华文行楷";
	font-weight:bold;
	font-size:68px;
	text-align:center;
	letter-spacing:10px;
	line-height:80px;
	margin-top:5px;
	margin-left:27%; 
	color:#333;
	}
	
.language_change select{
	margin-left:10px;
	height:24px;
	}
	
.logo{
	height:60px;
	width:60px;
	margin-top:10px;
	background:url(../images/logo.jpg) no-repeat center center;
	background-size:100% 100%;
	position:absolute;
	margin-left:36%;}
	
a{
	text-decoration:none;/*无文本装饰效果*/
	color:#06F;}/*可用取色工具取色*/
	
a:hover{
	color:#F00;}
	
.login_resister{
	float:right;
	margin-right:10px;
}/*登录注册框架位置*/
 
.shop_cart{
	float:right;/*浮动在右边*/
	margin-right:40px;;/*购物车框架位置*/}
	
.shop_cart a{
	padding-left:22px;
	background:url(../images/cart.PNG) no-repeat left center;
	}
 
/*列表样式*/
li{
	list-style:none;
	}
	
menu{
	background:#F6F6F6;
	height:70px;
	width:1200px;
	}
	
menu>ul{
	/*height:70px;*/
	float:left;
	margin-left:12%;
	}
	
menu>ul>li{
	height:35px;
	width:150px;
	margin-top:30px;
	background:#FDEA66;
	float:left;
	margin-left:2px;
	text-align:center;/*文本居中*/
	line-height:34px;
	
	}
 
menu>ul>li>a{
	display:inline-blockl;/*设置或检索对象是否及如何显示，内联块元素*/
	height:40px;
	width:90px;
	font-weight:bold;
	font-size:20px;
	letter-spacing:1em;/*字间距*/
	color:#333;
	}
	
menu>ul>li>a:hover{
	color:#F0C;}
	
	
article{
	width:100%;}
	
.topic1{
	height:300px;
	width:1200px;
	background:#F6F6f6;}
 
.search{
	float:right;
	margin-right:30px;
	margin-top:30px;
	width:230px;
	height:180px;
	background:#FDEA66;
	text-align:center;
}
	
.search>input{
	margin-top:60px;
	margin-left:35px;
	height:30px;
	width:160px;
	border:3px solid #06F; /*输入与搜索边框颜色*/
	float:left;
	background:#fee; 
	}
	
.search>input:last-child{
	margin-top:10px;
	margin-left:65px;
	height:30px;
	width:110px;
	border:3px solid #06F; /*输入与搜索边框颜色*/
	background:#fee; /*字体背景颜色*/
	float:left;
	color:#06F; /*字体颜色*/
	letter-spacing:0.2em;
	font:bold 22px/24px "华文行楷";}
 
.topic1 p{	
	height:30px;
	width:30px;
	background:url(../images/xlogo.png) no-repeat center;
	background-size:100% 100%;
	margin-left:20px;
	margin-top:10px;
	display:inline-block;}
	
.topic1 h1{
	font-family:"华文行楷";
	font-size:38px;
	color:#06F;
	display:inline-block;}
	
.topic1 a{
	display:inline-block;}
	
.topic1 ul{
	margin-left:30px;
	position:absolute;}
.topic1 ul li{
	float:left;
	margin-right:20px;
	}
.topic1 ul li img{
	height:150px;
	width:200px;}
	
.topic1 ul li img:hover{
	border:5px solid #F00;}
.topic1 ul li span{
	display:block;
	text-align:center;
	font-family:"华文行楷";
	font-size:20px;
	color:#F00;}
	
.topic1 ul li h5{
	text-align:center;
	font-family:"华文行楷";
	font-size:22px;
	color:#6C0;}
	
.topic2{
	height:300px;
	width:1200px;
	background:#F6F6f6;}
	
.shaoma{
	float:right;
	margin-right:30px;
	margin-top:30px;
	width:230px;
	height:260px;
	background:#FDEA66;
	font:bold 22px/24px "华文行楷";
	text-align:center;
	display:block;}
	
.shaoma h2{
	font-family:"华文行楷";
	font-size:45px;
	color:#06F;
	margin-top:20px;}
	
.shaoma img{
	display:block;
	float:right;
	height:180px;
	width:180px;
	background-size:100% 100%;
	margin-top:1px;
	margin-right:25px;}
 
.topic2 p{	
	height:30px;
	width:30px;
	background:url(../images/xlogo.png) no-repeat center;
	background-size:100% 100%;
	margin-left:20px;
	margin-top:10px;
	display:inline-block;}
	
.topic2 h1{
	font-family:"华文行楷";
	font-size:38px;
	color:#06F;
	display:inline-block;}
	
.topic2 a{
	display:inline-block;}
	
.topic2 ul{
	margin-left:30px;
	position:absolute;}
.topic2 ul li{
	float:left;
	margin-right:20px;
	}
.topic2 ul li img{
	height:150px;
	width:200px;}
	
.topic2 ul li img:hover{
	border:5px solid #F00;}
.topic2 ul li span{
	display:block;
	text-align:center;
	font-family:"华文行楷";
	font-size:20px;
	color:#F00;}
	
.topic2 ul li h5{
	text-align:center;
	font-family:"华文行楷";
	font-size:22px;
	color:#6C0;}
	
.topic3{
	height:300px;
	width:1200px;
	background:#F6F6f6;}
	
.tishi{
	float:right;
	margin-right:30px;
	margin-top:30px;
	width:230px;
	height:160px;
	background:#FDEA66;
	font:bold 22px/24px "华文行楷";
	text-align:center;
	color:#06F;}
 
.tishi h2{
	color:#06F;
	margin-top:20px;}
	
.topic3 p{	
	height:30px;
	width:30px;
	background:url(../images/xlogo.png) no-repeat center;
	background-size:100% 100%;
	margin-left:20px;
	margin-top:10px;
	display:inline-block;}
	
.topic3 h1{
	font-family:"华文行楷";
	font-size:38px;
	color:#06F;
	display:inline-block;}
	
.topic3 a{
	display:inline-block;}
	
.topic3 ul{
	margin-left:30px;
	position:absolute;}
.topic3 ul li{
	float:left;
	margin-right:20px;
	}
.topic3 ul li img{
	height:150px;
	width:200px;}
	
.topic3 ul li img:hover{
	border:5px solid #F00;}
.topic3 ul li span{
	display:block;
	text-align:center;
	font-family:"华文行楷";
	font-size:20px;
	color:#F00;}
	
.topic3 ul li h5{
	text-align:center;
	font-family:"华文行楷";
	font-size:22px;
	color:#6C0;}
	
footer{
	width:1200px;
	height:60px;
	/*margin-top:10px;*/
	text-align:center;
	background:#F6F6F6;}  /*调整页脚高度宽度及顶部间距把页脚居中*/
 
.footer p:first child a{
	display:inline-block;
	width:120px;
	line-height:20px;
	text-align:center;
	border-right:1px solid #CCC;
	}
	
.footer p:first child a:last child{
	border-right:none;}
 
.footer p{
	line-height:180px;
	text-align:center;
	color:#CCC;}

页面如下图：
在这里插入图片描述

沐煜歆羡
关注
  • 21
    点赞
  • 踩
  • 138
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
HTML+CSS+JavaScript仿京东购物商城网站 web前端制作服装购物商城 html电商购物网站
VX_WJ88950106的博客
08-06 2万+
⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web......
HTML+CSS美食静态网页设计——简单牛排美食餐饮(9个页面)公司网站模板企业网站实现
08-10
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js，有的视频...
Html+Css:美食网页制作2（表单制作）
A0123abc_的博客
11-26 1074
由三个大div组成（.header .content .footer），header部分就只是一个标题列表+轮播图；comtent部分左边图片左浮，右边表单右浮。footer是最底端部分.轮播图html 轮播图css 2.表单 表单内容 样式设计 三、效果图 总结 在写任何内容前先确定一个页面总体框架及布局，把大方面确定下来再去写详细的样式，表单的内容要写出来不难，重要的是如何让你的表单呈现的简洁舒服。
HTML期末设计——代码篇中华美食(HTML+CSS) 美食静态网页制作 WEB前端美食网站设计与实现
qq_524614081的博客
12-26 99
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
HTML网页设计结课作业——11张精美网页 html+css+javascript+bootstarp
网页设计与制作
03-23 938
HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 精彩专栏推荐👇🏻👇🏻👇🏻👇🏻 ❤ 【作者主页——获取更多优质源码】 ❤ 【web前端期末大作业——毕设项目精品实战案例(1000套)】 文章目录一、网页介绍一、网页效果二、代码展示1.HTML代码2.CSS代码三、个人总结四、更多干货 一、网页介绍 1 网页简介：此作
Html+Css:美食网页制作(大学生期末大作业详解)
A0123abc_的博客
11-20 2743
由三个div组成（.header .content .footer），header部分就只是一个标题列表+轮播图；comtent部分是川菜结束+经典菜品+友情链接组成。footer是最底端部分.顶部导航栏是用table标签内嵌a标签(也可以用li标签内嵌a标签来写),导航栏下边是由四张图片组成轮播图，第二张图.header大纲 川菜介绍用一个div左浮,川菜热点用一个div右浮,经典作品和友情链接是个div. 川菜热点:用li 标签里面包了一个span和文字,span里面写数字并为其设置样式， 经典
html美食网站网页设计源码.zip
07-09
美食网站设计源码，页面美观，简单实用，直接用浏览器打开即可，直接用HTML写的，使用了js和css技术，希望能有帮助。
【网页设计】基于HTML+CSS+JavaScript制作美食网站舌尖上的美食
网页设计与制作
01-09 4683
🎀 精彩专栏推荐👇🏻👇🏻👇🏻 🥧 美食网页介绍、🍰甜品蛋糕、🦐地方美食小吃文化、🍺餐饮文化、等网站的设计与制作。🍧美食主题网站 主要对各种美食进行展示，让浏览者清晰地了解到各种美食的详细信息，便于浏览者进行选择。该模块的左侧有个美食分类，用户可以选择自己喜欢的种类，当点击种类后，就会在右侧出现该分类下的各种美食，用户可以点击自己感兴趣的食品，从而看到它的具体信息。它的具体信息包括配料、产地及它的一些功能，使用户对该食品有着全面的认识。👨‍🎓静态网站的编写主要是用HTML DIV
HTML5作业：美食网站设计(浮动的使用)
coding加油站
06-21 9179
美食网站作业，适合练习浮动布局的时候使用
餐饮美食网页设计(HTML+CSS+JavaScript)
网页设计与制作
11-17 3240
🎀 精彩专栏推荐👇🏻👇🏻👇🏻 🥧 美食网页介绍、🍰甜品蛋糕、🦐地方美食小吃文化、🍺餐饮文化、等网站的设计与制作。🍧美食主题网站 主要对各种美食进行展示，让浏览者清晰地了解到各种美食的详细信息，便于浏览者进行选择。该模块的左侧有个美食分类，用户可以选择自己喜欢的种类，当点击种类后，就会在右侧出现该分类下的各种美食，用户可以点击自己感兴趣的食品，从而看到它的具体信息。它的具体信息包括配料、产地及它的一些功能，使用户对该食品有着全面的认识。👨‍🎓静态网站的编写主要是用HTML DIV
大学生网页制作之美食篇html+css静态网页设计
06-14
本设计利用了js+css+html 自己手写，代码简单，交作业没问题
HTML+CSS个人静态网页设计
08-10
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js，有的视频...
HTML+CSS鲜花静态网页设计
08-10
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js，有的视频...
大学生静态网页设计大作业HTML+CSS的美食静态网页设计项目源码.zip
12-14
大学生静态网页设计大作业HTML+CSS的美食静态网页设计.zip 95分以上高分必过静态网页设计，非常精美。 大学生静态网页设计大作业HTML+CSS的美食静态网页设计.zip 95分以上高分必过静态网页设计，非常精美。 大学生...
起点小说解锁.js
04-27
起点小说解锁.js
299-煤炭大数据智能分析解决方案.pptx
04-27
299-煤炭大数据智能分析解决方案.pptx
299-教育行业信息化与数据平台建设分享.pptx
04-27
299-教育行业信息化与数据平台建设分享.pptx
基于Springboot+Vue酒店客房入住管理系统-毕业源码案例设计.zip
04-27
网络技术和计算机技术发展至今，已经拥有了深厚的理论基础，并在现实中进行了充分运用，尤其是基于计算机运行的软件更是受到各界的关注。加上现在人们已经步入信息时代，所以对于信息的宣传和管理就很关键。系统化是必要的，设计网上系统不仅会节约人力和管理成本，还会安全保存庞大的数据量，对于信息的维护和检索也不需要花费很多时间，非常的便利。 网上系统是在MySQL中建立数据表保存信息，运用SpringBoot框架和Java语言编写。并按照软件设计开发流程进行设计实现。系统具备友好性且功能完善。 网上系统在让售信息规范化的同时，也能及时通过数据输入的有效性规则检测出错误数据，让数据的录入达到准确性的目的，进而提升数据的可靠性，让系统数据的错误率降至最低。 关键词：vue；MySQL；SpringBoot框架 【引流】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes
时间复杂度的一些相关资源
最新发布
04-27
时间复杂度是计算机科学中用来评估算法效率的一个重要指标。它表示了算法执行时间随输入数据规模增长而变化的趋势。当我们比较不同算法的时间复杂度时，实际上是在比较它们在不同输入规模下的执行效率。 时间复杂度通常用大O符号来表示，它描述了算法执行时间上限的增长率。例如，O(n)表示算法执行时间与输入数据规模n呈线性关系，而O(n^2)则表示算法执行时间与n的平方成正比。当n增大时，O(n^2)算法的执行时间会比O(n)算法增长得更快。 在比较时间复杂度时，我们主要关注复杂度的增长趋势，而不是具体的执行时间。这是因为不同计算机硬件、操作系统和编译器等因素都会影响算法的实际执行时间，而时间复杂度则提供了一个与具体实现无关的评估标准。 一般来说，时间复杂度越低，算法的执行效率就越高。因此，在设计和选择算法时，我们通常希望找到时间复杂度尽可能低的方案。例如，在排序算法中，冒泡排序的时间复杂度为O(n^2)，而快速排序的时间复杂度在平均情况下为O(nlogn)，因此在处理大规模数据时，快速排序通常比冒泡排序更高效。 总之，时间复杂度是评估算法效率的重要工具，它帮助我们了解算法在不同输入规模下的性
html静态网页制作作业美食街(HTML+CSS)
05-20
好的，让我来帮你完成这个作业。 首先，我们需要确定整个网页的结构和布局。考虑到这是一个美食街，我们可以把页面分为三个主要部分：头部、主体和底部。 头部包含网站的标题和菜单栏，可以使用`<header>`标签来创建。主体将包含网站的内容，包括美食图片、介绍和评价等，我们可以使用`<main>`标签来创建。底部将包含网站的版权信息和其他相关链接，可以使用`<footer>`标签来创建。 下面是一份示例代码，你可以根据自己的需要进行修改： ```html <!DOCTYPE html> <html> <head> <title>美食街</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>美食街</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">美食介绍</a></li> <li><a href="#">最新动态</a></li> <li><a href="#">美食评价</a></li> </ul> </nav> </header> <main> <section> <h2>烤肉拌饭</h2> <img src="food1.jpg" alt="烤肉拌饭"> <p>烤肉拌饭是一道韩国传统的快餐，将烤肉和米饭混合在一起，搭配各种蔬菜和调料，口感鲜美，营养丰富。</p> <p>评价：★★★★★</p> </section> <section> <h2>沙拉三明治</h2> <img src="food2.jpg" alt="沙拉三明治"> <p>沙拉三明治是一款健康美味的早餐，由面包、鸡蛋、生菜、黄瓜、番茄、火腿等组成，清爽美味。</p> <p>评价：★★★★☆</p> </section> <section> <h2>水果沙拉</h2> <img src="food3.jpg" alt="水果沙拉"> <p>水果沙拉是一道色彩缤纷的甜品，用各种新鲜水果制作而成，清新爽口，营养丰富。</p> <p>评价：★★★★★</p> </section> </main> <footer> <p>©2021 美食街</p> <nav> <ul> <li><a href="#">关于我们</a></li> <li><a href="#">联系我们</a></li> <li><a href="#">隐私政策</a></li> </ul> </nav> </footer> </body> </html> ``` 然后，我们需要为网页添加样式。在这个示例中，我们将创建一个名为`style.css`的外部样式表文件来添加样式。下面是一个示例样式表，你可以根据自己的需要进行修改： ```css /* 全局样式 */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; } /* 头部样式 */ header { background-color: #333; color: #fff; padding: 1em; } header h1 { margin: 0; } nav ul { list-style: none; margin: 0; padding: 0; } nav li { float: left; margin-right: 1em; } nav a { color: #fff; text-decoration: none; } /* 主体样式 */ main { max-width: 800px; margin: 0 auto; padding: 1em; } section { margin-bottom: 2em; } section h2 { font-size: 1.5em; margin-top: 0; } section img { max-width: 100%; height: auto; margin-bottom: 1em; } /* 底部样式 */ footer { background-color: #ccc; color: #333; padding: 1em; } footer nav ul { float: right; } footer nav li { display: inline-block; margin-left: 1em; } footer nav a { color: #333; text-decoration: none; } ``` 现在你可以打开浏览器查看你的网页了！希望这份代码对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值