admin管理员组文章数量:1663066
云南介绍--大理/丽江/西双版纳/联系我们
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>云南</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="top">
<div class="header w">
<div class="logo"><img src="images\IMG_5263(20221229-145550).JPG" width="190px" height="42px"></div>
<div class="nav"><ul>
<li><a href="#1">首页</a></li>
<li><a href="Untitled-106.html" target="_blank">大理</a></li>
<li><a href="Untitled-107.html" target="_blank">丽江</a></li>
<li><a href="Untitled-108.html" target="_blank">西双版纳</a></li>
<li><a href="Untitled-109.html" target="_blank">联系我们</a></li></div>
<div class="search"><input type="text" value="输入关键词">
<buttom><img src="images\IMG_5267(20221229-205316).PNG" height="41px" width="50px"></buttom></div></div>
<div class="context-top"><p>在彩云的南方，有一个山清水秀的地方 ———— <span>云南</span></p>
<p>这里的山，云雾缭绕，这里的水，满江春意，这里的花，争阳惊艳，这里的人，淳朴善良。</p>
<p> 来到云南，最喜的是天上的云。有是你深的棉花糖，柔柔，沁出香甜的气味；有是极散极的柳絮，自在，如梦如幻。</p>
</div></div>
<div class="top1"><h3 id="1"><a href="Untitled-105.html" target="_blank">首页</a></h3>
<div class="context"><img src="images\21-1F121101533522.jpg" width="600px" height="380px"><span>大理</span>
<p>是大理白族自治州的首府，地处云南省西部，云贵高原上的洱海平原，苍山之麓，洱海之滨，是古代南诏国和大理国的都城，
作为古代云南地区的政治、
经济和文化中心，时间长达五百余年。1982年，大理被中国政府列为第一批24个国家历史文化名城之一。
大理市为中国首批十大魅力城市之首，是以白族为主体的少数民族聚居区，大理市总面积1815平方千米。
一望无际的洱海，治愈的骑行道路，浪漫的廊桥，一半现实，一半理想。地处低纬高原，四季温差不大，
干湿季分明，以低纬高原季风气候为主，境内以蝴蝶泉、苍山、洱海、大理古城、崇圣寺三塔等景点最有代表性。</p></div>
<div class="context"><img src="images\017d9d59905310000000212995b9f0.JPG@1280w_1l_2o_100sh.jpg"width="590px" height="380px">
<span>丽江</span><p>云南省辖地级市，位于青藏高原东南缘，滇西北高原，金沙江中游，是国际知名旅游城市，
国家历史文化名城、古代“南方丝绸之路”和“茶马古道”的重要通道。丽江位于云贵高原与青藏高原的连接部位，地势西北高而东南低，最高点为玉龙雪山主峰，
属低纬暖温带高原山地季风气候，境内水利资源丰富，动植物种类繁多，为云南省重点林区、中国水电西电东送基地之一。
丽江市是全国唯一同时拥有三项世界遗产的地级市，旅游资源丰富，有丽江古城、玉龙雪山、虎跳峡、
老君山、束河古镇等知名旅游景点。先后被评为中国旅游竞争力百强城市、中国十大休闲城市、
中国优秀旅游城市、中国十大魅力城市等荣誉称号，先后成功创建为国家园林城市、国家卫生城市、国家节水型城市。</p></div>
<div class="context"><img src="images\0103l1200081xlm6o1C08.jpg" width="630px" height="380px"><span>
西双版纳</span><p>地处热带北部边缘，属热带季风气候。西双版纳是中国热带生态系统保存最完整的地区，素有“植物王国”、
“动物王国”、“生物基因库”、“植物王国桂冠上的一颗绿宝石”等美称，有中国唯一的热带雨林自然保护区，是国家级生态示范区、
国家级风景名胜区、联合国生物多样性保护圈成员、联合国世界旅游组织旅游可持续发展观测点。西双版纳是中国第二大天然橡胶生产基地，大叶种茶的原生地、普洱茶的故乡，建有1个5A级景区，9个4A级景区，西双版纳以热带雨林自然景观和少数民族风情而闻名于世，
是中国热点旅游城市之一，先后获中国最具国际影响力旅游目的地、全球12个最热的旅游目的地之一殊荣。
</p></div></div>
<span class="end"><p>欢</p><p>迎</p><p>来</p><p>到</p><p>美</p><p>丽</p><p>的</p><p>云</p><p>南</p></span>
</body></html>
云南-大理介绍篇
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>大理</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="title"><h3><a href="Untitled-105.html" target="_blank">云南——大理</a></h3></div>
<div class="box1">
<div class="title1" id="1-1"><div class="da-top1"><a href="#1">苍山洱海</a></div>
<img src="images\100i0y000000m8e24115B.jpg" width="500px" height="300px">
<p>苍山雪，洱海月，洱海月照苍山雪</p></div>
<div class="title1" id="1-2"><div class="da-top1" ><a href="#2">南诏风情岛</a></div>
<img src="images\100v160000010moi8932E.jpg" width="500px" height="300px">
<p >纵有相思千万缕，风情万种谁人诉</p></div>
<div class="title1" id="1-3" ><div class="da-top1"><a href="#3">大理古城</a></div>
<img src="images\R-C.png" width="500px" height="300px">
<p>“穿越”时空，与你来一场“风花雪月”</p></div>
<div class="title1" id="1-4" ><div class="da-top1"><a href="#4">崇圣寺三塔</a></div>
<img src="images\019bad5818412ea84a0d304f3266d2.jpg@1280w_1l_2o_100sh.jpg" width="500px" height="300px">
<p>三座塔构成鼎足之势，景象极为壮观</p></div>
<div class="title1" id="1-5" ><div class="da-top1"><a href="#5">圣托里尼</a></div>
<img src="images\R-C.jpg" width="500px" height="300px">
<p>云南精神，文明之光，爱琴故事</p></div>
<div class="title1" id="1-6" ><div class="da-top1"><a href="#6">兴盛大桥</a></div>
<img src="images\R-C (1).jpg" width="500px" height="300px">
<p>充满浪漫风情的白族特色大桥</p></div>
<div class="box2"><h2 id="1"><a href="#1-1">苍山洱海风景图</a></h2>
<img src="images\IMG_5648(20230103-125646).JPG" width="298px" height="400px">
<img src="images\IMG_5649(20230103-130000).JPG" width="298px" height="400px" >
<img src="images\IMG_5645.PNG" width="298px" height="400px">
<img src="images\IMG_5647.PNG" width="298x" height="400px">
<img src="images\IMG_5643.PNG" width="298px" height="400px">
<img src="images\IMG_5644.PNG" width="298px" height="400px">
<img src="images\IMG_5641.PNG" width="298px" height="400px">
<img src="images\IMG_5646.PNG" width="298px" height="400px"></div>
<p class="text">浩瀚的洱海烟波浩瀚，绮丽的风光引发人们的无限遐想。这里一年四季的气温相对均衡，
非常适合居住。洱海上的景点众多，被古人总结为“三岛、五湖、九曲”。
大理的百姓把苍洱地区的四种胜景称作是“上关花、下关风、苍山雪、洱海月”，
其中的“洱海月”就是每到农历八月十五的月圆之夜，白族人划着木船在洱海欣赏月亮倒映在洱海湖面上的唯美图画。
</p>
<div class="box2"><h2 id="2"><a href="#1-2">南诏风情岛风景图</a></h2>
<img src="images\IMG_5659(20230103-134812).JPG" width="298px" height="350px">
<img src="images\IMG_5660(20230103-134837).JPG" width="298px" height="350px">
<img src="images\IMG_5661(20230103-134849).JPG" width="298px" height="350px">
<img src="images\IMG_5662(20230103-134941).JPG" width="298px" height="350px">
<img src="images\100v0z000000mv6sq468A.jpg" width="298px" height="350px">
<img src="images\IMG_5663(20230103-135900).JPG" width="298px" height="350px">
<img src="images\IMG_5664(20230103-135916).JPG" width="298px" height="350px">
<img src="images\IMG_5665(20230103-140557).JPG" width="298px" height="350px"></div>
<p class="text">南诏风情岛是洱海中的小岛，位于洱海东北部的双廊村对面。这里风光秀美，
岛上有不少风格各异的客栈，非常漂亮。岛上还设有人工沙滩，是看洱海的好地方，很多人都会来这里拍婚纱照。
南诏风情岛四面环水，东靠著名佛教圣地鸡足山，北接石宝山，南连大理，西对苍山洱海，
占据着得天独厚的旅游资源，素有“大理风光在苍洱 ，苍洱风光在双廊”之美誉。</p>
<div class="box2"><h2 id="3"><a href="#1-3">大理古城风景图</a></h2>
<img src="images\IMG_5632.PNG" width="298px" height="400px">
<img src="images\IMG_5633.PNG" width="298px" height="400px" >
<img src="images\IMG_5634.PNG" width="298px" height="400px">
<img src="images\IMG_5635.PNG" width="298x" height="400px">
<img src="images\IMG_5636.PNG" width="298px" height="400px">
<img src="images\IMG_5637.PNG" width="298px" height="400px">
<img src="images\IMG_5638.PNG" width="298px" height="400px">
<img src="images\IMG_5639.PNG" width="298px" height="400px"></div>
<p class="text">苍山洱海是大理久负盛名的“风花雪月”中的两景,整个大理城和各个旅游景点也是围绕洱海分布的。对旅游者来说,
这里是到大理的必游之地;而对摄影人来说,苍山洱海如梦如幻,能够拍出非常具有意境的作品</p>
<div class="box2" ><h2 id="4"><a href="#1-4">崇圣寺三塔风景图</a></h2>
<img src="images\IMG_5650(20230103-132037).JPG" width="298px" height="400px">
<img src="images\IMG_5652(20230103-132107).JPG" width="298px" height="400px">
<img src="images\IMG_5658(20230103-132250).JPG" width="298px" height="400px">
<img src="images\IMG_5654(20230103-132138).JPG" width="298px" height="400px">
<img src="images\IMG_5655(20230103-132155).JPG" width="298px" height="400px">
<img src="images\IMG_5656(20230103-132206).JPG" width="298px" height="400px">
<img src="images\IMG_5653(20230103-132118).JPG" width="298px" height="400px">
<img src="images\IMG_5657(20230103-132227).JPG" width="298px" height="400px"></div>
<p class="text">三塔不仅建塔艺术登峰造极，塔砖上面还布满了佛教密宗各种各样的梵文以及汉文经咒，
具有极高的历史、文化和建筑价值。圣寺三塔就如同一座文化生生不息的宝库，越深入
了解越觉得它文化深不可测，而我们仅仅看到了冰山一角，更多的文化只能留待后人挖掘！</p>
<div class="box2" ><h2 id="5"><a href="#1-5">圣托里尼风景图</a></h2>
<img src="images\IMG_5667(20230103-142342).JPG" width="298px" height="400px">
<img src="images\IMG_5668(20230103-142345).JPG" width="298px" height="400px">
<img src="images\IMG_5669(20230103-142351).JPG" width="298px" height="400px">
<img src="images\IMG_5670(20230103-142406).JPG" width="298px" height="400px">
<img src="images\IMG_5671(20230103-142409).JPG" width="298px" height="400px">
<img src="images\IMG_5672(20230103-142422).JPG" width="298px" height="400px">
<img src="images\IMG_5673(20230103-142426).JPG" width="298px" height="400px">
<img src="images\R-C (2).jpg" width="298px" height="400px"></div>
<p class="text">圣托里尼大理-写在脸上的笑容虽然妩媚妖娆，掩饰不住的仍是内心那一缕深蓝的忧郁。圣托尼里大理-迷恋蓝色。
色彩柔软，伴随着蓝色调，深入内心静谧处，看久了似乎陷进画的浪漫世界，安静地声音，忘记一切。
天空与海洋两者间一个个梦境，尤其浪漫。</p>
<div class="box2"><h2 id="6"><a href="#1-6">兴盛大桥风景图</a></h2>
<img src="images\IMG_5674(20230103-143854).JPG" width="298px" height="400px">
<img src="images\IMG_5676(20230103-143955).JPG" width="298px" height="400px">
<img src="images\IMG_5677(20230103-144001).JPG" width="298px" height="400px">
<img src="images\IMG_5678(20230103-144023).JPG" width="298px" height="400px">
<img src="images\IMG_5679(20230103-144040).JPG" width="298px" height="400px">
<img src="images\IMG_5680(20230103-144052).JPG" width="298px" height="400px">
<img src="images\IMG_5681(20230103-144102).JPG" width="298px" height="400px">
<img src="images\IMG_5642.PNG" width="298px" height="400px"></div>
<p class="text">兴盛大桥是大理桥梁史上，耗时最长、跨度最大、投资最多极为雄伟壮丽的桥梁，美轮美奂,
是一座地地道道的白族特色大桥，白色的桥面和桥上的立柱都是典型的白族风格。
春天尚症场，我们被彩云立南温暖的风，攻得应里痒痒。 子是就出发，行驶症环海公路上，想著要妞“家” 建症某个地方。
</p>
<span class="end"><p>欢</p><p>迎</p><p>来</p><p>到</p><p>美</p><p>丽</p><p>的</p><p>云</p><p>南</p></span>
</body>
</html>
丽江介绍篇
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>丽江</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="title"><h3><a href="Untitled-105.html" target="_blank">云南——丽江</a></h3></div>
<div class="box3">
<div class="style"><a href="#10"><img src="images\31119355_1391956820073.jpg"width="300px" height="400px"></a><p>丽江古城</p></div>
<div class="style"><a href="#11"><img src="images\0199c65d1ec90da8012137633593a2.jpg@1280w_1l_2o_100sh.jpg" width="300px" height="400px"></a><p>玉龙雪山</p></div>
<div class="style"><a href="#12"><img src="images\OIP-C (2).jpg" width="300px" height="400px"></a><p>沪沽湖</p></div>
<div class="style"><a href="#13"><img src="images\0142d15cc0baf9a801208f8bd4c3c9.jpg@2o.jpg" width="300px" height="400px"></a><p>蓝月谷</p></div>
</div>
<div class="box4">
<div id="10">丽江古城</div><img src="images\IMG_5759(20230105-185456).JPG"width="800px" height="600px">
<img src="images\IMG_5753(20230105-184545).JPG"width="380px" height="600px"> </div>
<div class="box5"><img src="images\R-C (3).jpg" width="300px" height="400px">
<p>丽江古城更像是一个经过了时间冲刷的老城，上岗下坡的路，磨得发亮的石头
，还有那些精美的房檐，都显示着它的历史悠久。"石板沿街铺设，水溪穿巷流经，两岸落花垂柳，古城旧栈横桥“。
古城布局错综复杂，走进去如同迷宫一样，这也使得游人在其街道里走的回味无穷。走在古城的石板上，街边的垂柳花早、
古楼，脚下的石板也被雨染的晶莹，秋日浅金的光，映在石板上，便有繁星装点石板路，恰是走在午夜的天际中。</p>
<img src="images\IMG_5758(20230105-185430).JPG" width="600px" height="400px">
</div>
<div class="box5">
<img src="images\2f5e40a1015036b5.jpg_r_720x480x95_bf55da54.jpg" width="500px" height="400px">
<p>古城的屋以木粽色和米白墙为主，屋 檐为灰瓦，也有红木点缀，各种深浅不一的棕和灰加上红色角砾岩融合成古城的主色调。古城的
屋，多有楼阁，进屋多铺设石台阶。各个特色的 店面数不胜数，琳琅满目的饰品、棉布、古风雅韵的布衣等填充着屋子。
游走在古道小巷间，享纳西族风情，时不时能听到打手鼓的乐曲，打手鼓的人儿唱起那几首专属
丽江印象的小情歌，顿时那一股悠扬便横穿整座古城，到每一条小巷，每一个角落。水流双车 转，桥小百座横。水车、弯桥为古城客栈风景锦
上添花，多姿的客栈是丽江古城的一大特色，客 栈门前，小桥流水，身居其中，品一口1时光，
惬意之情暗涌，叹道："若无闲事挂心头，便是人间好时节。
</p><img src="images\IMG_5757(20230105-185359).JPG" width="350px" height="400px"></div>
<div class="box4"><div id="11">玉龙雪山</div>
<img src="images\v2-1ba0ce367d85561c6d1124b19ca6d401_r.jpg" width="600px" height="400px">
<img src="images\R-C (5).jpg"width="580px" height="400px"></div>
<div class="box5">
<img src="images\01452655427b480000019ae9323426.jpg@1280w_1l_2o_100sh.jpg" width="500px" height="400px">
<p>白皑皑的玉龙雪山峰峰披云戴雪，似一排玉柱立地擎天，并肩耸立在金沙江东岸；如一条矫健的玉龙，
从碧空婉蜒而来，腾跃于锦绣大地之上。它气势磅礴，洋溢着一种雄奇、壮丽的美。</p>
<img src="images\01a7b155427b480000019ae98fef21.jpg@1280w_1l_2o_100sh.jpg" width="500px" height="400px">
</div>
<div class="box5">
<img src="images\0199c65d1ec90da8012137633593a2.jpg@1280w_1l_2o_100sh.jpg" width="200px" height="400px">
<p>玉龙雪山不仅气势磅礴，而且秀丽挺拔，造型玲珑，皎洁如晶莹的玉石，灿烂如十三把利剑，
在碧蓝天幕的映衬下，像一条银色的矫健玉龙横卧在山巅，作永恒的飞舞，有一跃而入金沙江之势，故名“玉龙雪山”。</p>
<img src="images\R-C (7).jpg" width="300px" height="400px">
<img src="images\R-C (6).jpg" width="500px" height="400px"></div>
<div class="box4">
<div id="12">沪沽湖</div>
<img src="images\0115735aae8a5ea80120be141aef29.jpg@2o.jpg"width="380px" height="600px" >
<img src="images\t015af780416e48f559.jpg" width="800px" height="600px">
</div>
<div class="box5">
<img src="images\OIP-C (5).jpg" width="400px" height="300px">
<p>
看过山川看过大海如今被沪沽湖那片一方水土深深萦绕，深藏在川滇交界的沪沽湖是旅人们心中的诗和远方
坐上摩梭人特有的猪槽船，在清澈如镜湖水上荡漾，海鸥在湖面上盘旋，和你一样静静等待着阳光洒在湖中央….--泸沽湖
</p>
<img src="images\24884919_1377443673550_mthumb.jpg" width="450px" height="300px">
</div>
<div class="box4">
<div id="13">蓝月谷</div>
<img src="images\R-C (4).jpg" width="600px" height="400px">
<img src="images\5ecb92f297f7d.jpg" width="580px" height="400px"></div>
<div class="box5">
<img src="images\R-C (1).png" width="500px" height="400px">
<p>蓝月谷的水却是蓝色的，且山谷呈月牙状，远看就如一轮蓝色的月亮镶嵌在玉龙雪山脚下，
故称之“蓝月谷”。也有人说，之所以称为“蓝月谷”，是因为在蓝天的映衬之下，月亮倒映在这山谷蓝色的湖水之中。</p>
<img src="images\5b5a24614dc974b5.jpg"width="500px" height="400px">
</div>
<div class="box5">
<img src="images\100t0a0000004qgcvF35C.jpg" width="400px" height="400px">
<p>蓝月谷有着世界上最美的水，如同撒落在玉龙雪山下的粒粒蓝色宝石。
湖水仿佛有着生命般的灵动，让人感到一种千尘不染的纯净，看上去有一种摄人心魄的美丽，既温柔又梦幻。
那河流，蓝盈盈，亮晶晶的，仿佛一面面闪闪发亮的镜子。
两岸蓊蓊郁郁的森林，在蓝月谷像明亮镜子一般的河流映衬下，显得格外清新，分外秀丽。</p>
<img src="images\20230128160111.jpg" width="400px" height="400px">
<img src="images\20230128160129.jpg" width="300px" height="400px"></div>
<span class="end"><p>欢</p><p>迎</p><p>来</p><p>到</p><p>美</p><p>丽</p><p>的</p><p>云</p><p>南</p></span>
</body></html>
西双版纳介绍篇
联系我们篇（登录页面）
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<tilte>
</tilte>
<link rel="stylesheet" href="109.css">
</head>
<body>
<div class="entry">
<div class="login"><a href="#" class="banner-box"></a>
<div class="login-box">
<h1>账号登录</h1>
<input type="text" placeholder="账号">
<input type="password" placeholder="密码">
<button class="login-bin">登录</button>
</div>
</div>
</div>
</body></html>
云南介绍篇的样式cs
*{
margin: 0;
padding: 0;
}
.w{
width: 100%;
margin: auto;
}
body{background-color: #cac9c9;}
.top{
background-image: url(v2-7b5cb1365840d17bf0119cff0c010f16_r.jpg);
}
.header{
height: 42px;
margin: 0px auto;
background-color: rgb(229, 248, 254);
}
.logo{float: left;
width: 190px;
height: 42px;
}
.nav{float: left;
margin-left: 70px;
}
.nav ul li{
float: left;
list-style: none;
margin: 0 10px;
}
.nav ul li a{
display: block;
height: 42px;
padding: 0 10px;
color: black;
text-decoration: none;
font-size: 25px;
font-weight: 900;
}
.search{float: left;
height: 42px;
width: 350px;
margin-left: 50px;
}
.search input{
float: left;
width: 265px;
height: 40px;
border: 1px solid rgb(122, 215, 252);
font-size: 18px;
color: #bfbfbf;
padding-left: 15px;
}
.search button{
float: left;
width: 50px;
height: 42px;}
.context-top{
text-align: center;
width: 100%;
height: 500px;
margin-top: 200px;}
.context-top p{
color: rgba(129, 250, 9, 0.908);
font-style: italic;
font-size: 23px;
font-weight: 900;
}
.context-top span{
margin-top: 90px;
color: rgb(250, 109, 57);
font-style: italic;
font-size: 28px;
}
.top1 h3 a{
text-decoration: none;
color: black;
font-size: 25px;
font-weight: 900;
text-align: center;
}
.context {
display: flex;
width:1200px;
height: 400px;
line-height:25px;
font-size: 20px;
margin:15px 20px;
text-indent: 2em;
background-color: rgba(219, 94, 5, 0.428); }
.context p{
margin: 35px 18px;
}
.context span{
font-weight: 800;
font-size: 25px;
color: rgba(129, 250, 9, 0.959);
}
.title h3 a{
text-decoration: none;
color: black;
font-size: 25px;
font-weight: 900;
}
.end{
float: left;
width: 100%;
height: 80px;
font-weight: 800;
font-size: 25px;
background-color: rgb(229, 248, 254) ;
margin-top: 30px;
}
span p{
float: left;
font-style: italic;
font-size: 25px;
font-weight: bolder;
margin: 40px 50px;
color: black;
}
.title1{
float: left;
height:500px;
width:600px;
text-align: center;
margin-top: 0px;
}
.da-top1 {
width: 160px;
height: 35px;
border:2px dotted rgb(231, 236, 229);
margin:25px 199px;}
.da-top1 a{
color: black;
font-size: 25px;
font-weight: 500;
text-decoration: none;
}
.title1 p{
color: rgb(26, 193, 199);
font-size: 20px;
font-weight: bold;}
.box2 h2{
margin-bottom: 20px;}
.box2 h2 a{
color: rgb(224, 122, 28);
text-decoration: none;
margin-left: 520px;}
.box2 img{
float: left;
margin-bottom: 5px;
margin-left: 10px;}
.text{
text-indent: 2em;
font-size: 18px;
font-weight: 700;
margin-bottom: 30px;
color: rgba(69, 93, 213, 0.904);}
.box3{
width: 100%;
height:450px;
margin-left: 10px;}
.style{float: left;
height: 450px;
margin: 15px 10px;
}
.style img{
float: left;
width:280px;
height:400px;
}
.style p{
font-size: 18px;
font-weight: 700;
margin-left: 70px;
color: rgb(39, 9, 173);}
.box4{
float: left;
margin-left: 10px;}
.box4 div{
font-size: 28px;
font-weight: bold;
text-align: center;
color:darkturquoise;
margin-bottom: 30px;}
.box5{
display: flex;
float: left;
margin-left: 10px;
}
.box5 p{
text-indent: 2em;
font-size: 18px;
font-weight: 700;
margin:45px 10px;
color: rgb(78, 22, 176);
border-color: aliceblue;
border-radius: initial;
}
.view{
float: left;
height: 600px;
width: 1200px;
margin-top: 20px;
}
.view h2{
text-align: center;
color: rgb(30, 66, 208);
margin-bottom: 15px;
}
.box6{
float: left;
margin-left: 10px;
border: 1px solid rgb(122, 183, 252);
width: 1200px;
height: 520px;
}
.box6-0{
float: left;
margin-left: 10px;
border: 1px solid rgb(122, 183, 252);
width: 1200px;
height: 500px;
}
.box6-1{
float: left;
width: 290px;
margin: 10px 5px;
}
.box6-1 p{
text-align: center;
font-weight: 700;
}
.box6-1 span{
text-align: center;
color: rgb(39, 139, 39);
font-weight: 650;
}
.box6-2{
display: flex;
float: left;
margin: 5px 5px;
width: 590px;
height: 250px;
background-color: rgb(187, 130, 33);
}
.box6-2 p{
margin-top: 30px;
text-indent: 2em;
line-height: 25px;
}
登录界面的样式篇
*{
margin: 0;
padding: 0;
}
.entry{
width: 100vw;
height: 100vh;
background: url("images/1255263363805.jpg") no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
}
.login{
width: 800px;
position: relative;
height: 360px;
background-size: cover;
background: linear-gradient(to right,#6cdabb,#3bc48d,#089cbd);
border-radius: 30px;
padding: 30px;
}
.banner-box{
display: inline-block;
width: 500px;
height: 100%;
border-radius: 20px 0 0 2px;
background: url("images/1255263363805.jpg") no-repeat;
background-size: cover;
}
.login-box{
width: 330px;
height: 100%;
position: absolute;
top: 0;
right: 0;
border-radius: 0 30px 30px 0;
display: flex;
flex-direction: column;
align-items: center;
}
.login-box h1{
font-size: 36px;
margin: 64px 0;
color: #fff;
}
.login-box input{
margin-bottom: 20px;
height: 36px;
width: 200px;
padding: 0 20px;
border-radius: 30px;
border: none;
outline: none;
font-size: 18px;
}
.login-bin{
margin-top: 20px;
width: 100px;
height: 40px;
border: none;
border-radius: 40px;
background:#0B508D;
color: #fff;
font-size: 18px;
}
刚学习网页设计，初学者！
版权声明：本文标题：html静态网页设计云南介绍篇 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1729982505a1218406.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论