html>
<html
lang="en">
<head>
<meta
charset="UTF-8">
<title>美食今日推荐</title>
<style
type="text/css">
.a{font-size:20pxcolor:
#20db00}
.b{font-size:24pxcolor:
rgba(219,
0,
114,
0.85)}
.c{font-size:16pxcolor:
#ff0000}
</style>
</head>
<body>
<img
src="img7.gif"/><br/>
<p
class="a">华仔推荐今日美食套餐全省20%。<br/></p>
<img
src="more.gif"/>
<img
src="shen.png"/><br/>
<h2
class="b">黄金披萨</h2>
<img
src="img8.gif"/><br/>
<p
class="c">黄金披萨美食套餐原价100美元，现价只要80美元!</p><br/>
<h2
class="b">黄金鸡腿</h2>
<img
src="img9.gif"/>
<p
class="c">黄金鸡腿美食套餐原价100美元，现价只要80美元!</p><br/>
<p
class="a">让所有顾客可以开心烹饪今日推荐美味佳肴，烹饪美食。<br/></p>
</body>
</html>
首先要将下载好的图片放入css文件夹中；在CSS中，可以使用background-image属性或background属性来插入图片。background-image属性或background属性可以为元素设置背景图像。初始背景图像(原图像)根据background-position属性的值放置。具体代码如下：
<div id="bgimg"></div>
#bgimg {
background: #333 url(图片路径) center center no-repeat
}
第一个参数，图片底层的背景颜色，第二个参数，图片路径，第三个参数，图片上下的相对位置（其他参数left,right），第四个参数，图片左右的相对位置（top,bottom），第五个参数，图片的重复（其他参数 repeat,repeat-x,repeat-y）
1、先再nicebox的模板市场找一个美食类网站模板安装2.安装完毕后直接进入网站编辑界面，修改网站的内容，图片和文字，可以自己增减模块
3、调整手机站和平板站的排版布局
4.预览发布网站，必要时候可做一下优化，收录会更快
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）