首页 前端知识 web前端开发 HTML5 “绿色食品网”css层叠样式表的简单美化

web前端开发 HTML5 “绿色食品网”css层叠样式表的简单美化

2024-08-12 10:08:52 前端知识 前端哥 439 329 我要收藏
<!DOCTYPE htm2>
<html>
	<head>
		<meta charset="utf-8">
		<title>绿色食品</title>
		<style type="text/css">
			body,h2,p,{margin: 0;padding: 0;}
			#box{
				width: 800px;
				height: 500px;
				margin: 0 auto;
				padding-top:120px;
				background: url(../img/foot.jpg) no-repeat center bottom,url(../img/bg.jpg)
				no-repeat center top;
			}
			h2{
				height: 40px;
				line-height: 40px;
				text-align: center;
				border-bottom: 1px dashed   #ccc;
			}
			p{
				text-indent: 2em;
				line-height: 25px;
				padding-top: 20px;
			}
			
		</style>
	</head>
	<body>
		<div id="box">
			
			<h2>绿色食品</h2>
			<p>绿色食品,是指产自优良生态环境、按照绿色食品标准生产、实行全程质量控制并获得绿色食品标志使用权的安全、优质食用农产品及相关产品。</p>
			<p>为了和一般的普通食品区别开,绿色食品有统一的标志。绿色食品标志有特定图形。 [2]绿色食品标志图形由三部分构成:上方的太阳、下方的叶片和中间的蓓蕾,象征自然生态。标志图形为正圆形,意为保护、安全。颜色为绿色,象征着生命、农业、环保。</p>
			<p>绿色食品标准共分为两个技术等级,即AA级绿色食品标准和A级绿色食品标准。 [4]AA级绿色食品标志与字体为绿色,底色为白色;A级绿色食品标志与字体为白色,底色为绿色。整个图形描绘了一幅明媚阳光照耀下的和谐生机,告诉人们绿色食品是出自纯净、良好生态环境的安全、无污染食品,能给人们带来蓬勃的生命力。绿色食品标志还提醒人们要保护环境和防止污染,通过改善人与环境的关系,创造自然界新的和谐。</p>
			
		</div></body>
</html>

 以下是图片素材:

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15337.html
标签
评论
发布的文章

jQuery3 学习手册(三)

2024-08-18 22:08:04

vue和jQuery有什么区别

2024-04-29 11:04:47

推荐项目:jQuery.Gantt

2024-08-18 22:08:37

jQuery UI 秘籍(一)

2024-08-18 22:08:15

jQuery详解

2024-04-29 11:04:38

echarts饼图点击图例问题

2024-08-18 22:08:48

echarts天气折线图

2024-08-18 22:08:46

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!