html+css网站设计,比较简单,附代码

 

 

 

 

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>茅台酒文化</title>
	<style type="text/css">
		@import url(css/lunbo.css);
		@import url(css/zy_style.css);
	</style>
	<script src="js/new_file.js" defer></script>
	<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
	<script type="text/javascript" language="javascript" src="js/lunbo.js"></script>
</head>

<body background="images/background.jpg">
	<div id=bigbox>
//轮播
		<div class="bannar">
			<img src="images/bannar1.jpg" width=100% height="600">
			<img src="images/bannar2.jpg" width=100% height="600">
			<img src="images/bannar3.jpg" width=100% height="600">
			<img src="images/bannar4.jpg" width=100% height="600">
			<img src="images/bannar5.jpg" width=100% height="600">
			<div class="right-btn">&gt;</div>
			<div class="left-btn">&lt;</div>
			<div class="yd">
				<ul>
					<li class="botton"></li>
					<li class="botton"></li>
					<li class="botton"></li>
					<li class="botton"></li>
					<li class="botton"></li>
				</ul>
			</div>
		</div>
		<nav>
			<div class="logo" id="top">
<a href="http://www.cnsa.gov.cn/n6758824/index.html"></a></div>
	
		<ul id="nav">
				<li class="active"><a href="index.html">首页</a></li>
				<li class="active"><a href="web/mtjfz.html">发展</a></li>
				<li class="active"><a href="web/mtjzs.html">知识</a></li>
				<li class="active"><a href="web/Logon.html">登陆/注册</a></li>
			</ul>
		</nav>

		<div class="gg">
			<!-- <marquee direction="right" scrollamount="8" scrolldelay="75" onMouseOut="start()" onMouseOver="stop()">
				用今天的努力创造中国航天的未来</marquee> -->
				<h1 class="titl">我们的宗旨</h1>
				<ul class="list1">
					<li>酿造高品质生活</li>
					<li>打造国际一流企业 塑造世界一流品牌</li>
					<li>酒香 风正 人和</li>
					<li>匠心品质 匠魂担当 匠术精益 匠器臻善 匠人制造</li>
				</ul>
		</div>

		<div class="htzs">
			<div class="title">茅台酒知识</div>
			<div class="content1">
				<img src="images/bannar1.jpg">
				<div class="text">
					<h2>茅台酒被称为"国酒"?</h2>
					<p> 所谓国酒文化,是一个与文化酒互为表里的概念,正因为国酒文化的存在,茅台酒才当之无愧地成为中华文化酒的杰出代表,而文化酒概念的提出,反过来更加极大地丰富了国酒文化的内涵,提升了其理性高度。
						</p>
				</div>
			</div>

			<div class="content2">
				<img src="images/bannar2.jpg">
				<div class="text">
					<h2>茅台酒文化的那些事儿</h2>
					<p>
						茅台酒文化,青瓦长街,水声汩汩--贵州茅台酒文化品质的思考 。贵州茅台酒,一个特定的载体中,其文化品性主要体现在"忠孝节义"四个字上。为国争光,诚于国事;谓之忠。忠孝节义四全,是谓国酒文化。
					</p>
				</div>
			</div>
			<div class="content3">

	<img src="images/bannar3.jpg">
				<div class="text">
					<h2>国酒文化的形成</h2>
					<p>从根本上讲,不是一个纯理论的建树过程,而是在岁月的长河中,一代又一代茅台人创造性的物质实践、精神实践相互发酵、升华积淀的结果。</p>

				</div>
			</div>
			<div class="content4">
				<img src="images/bannar4.jpg">
				<div class="text">
					<h2>茅台的企业宗旨是什么?</h2>

						<p>【愿景】打造国际一流企业 塑造世界一流品牌</p>
					<p>【核心价值观】酒香 风正 人和</p>
					<p>【企业精神】爱我茅台 为国争光</p>
					<p>【质量理念】匠心品质 匠魂担当 匠术精益 匠器臻善 匠人制造</p>
				</div>
			</div>

		</div>
		<footer>
			<div>2023年4月17日</div>
		</footer>
	</div>
</body>

</html>

 

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>茅台酒文化</title>
	<style type="text/css">
		@import url(../css/xw_style.css);
	</style>
</head>

<body>
	<nav>

		<ul id="nav">
			<li class="active"><a href="../index.html">首页</a></li>
			<li class="active"><a href="mtjfz.html">发展</a></li>
			<li class="active"><a href="mtjzs.html">知识</a></li>
			<li class="active"><a href="lxwm.html">联系我们</a></li>
		</ul>
	</nav>
	<div class="content">
		<div class="blank"><span></span></div>
		<div class="title">
			<h1>茅台酒发展</h1>
		</div>
		<div class="leftcolumn">
			<div class=&
  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码媛

你的鼓励将是我继续下去的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值