同程旅游 html

tfp0126

于 2020-05-17 20:28:28 发布

阅读量1.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： html 文章标签： html css

本文链接：https://blog.youkuaiyun.com/tfp0126/article/details/106180121

本文深入探讨了同程旅游网站在HTML结构和CSS样式设计方面的实践，揭示了如何通过有效的HTML标记来组织内容，并利用CSS实现响应式布局和视觉效果，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>
	</title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		body{
			margin: 0;
		}
		.div1{
			border-style: none;
			display: block;
			height: 80px;
		}
		.img1{
			margin-top: 15px;
		}
		.div11{
			float: left;
			padding-left: 242px;
			padding-right: 190px;
		}
		.div12{
			float: left;
		}
		ul{
			list-style-type: none;
			margin: 0;
			width: 800px;
		}
		li{
			display: inline-block;
			text-align: center;
			border: none;
			float: left;
			font-size: 20px;
			width: 160px;
			height: 72px;
			line-height: 80px;
		}
		a:hover{
        	color:orange;
        	border-bottom: 3px solid orange;
		}
		a{
			color: #333;
			text-decoration: none;
		}
		.div2{
			background: #ddd;
			height:560px;
        	width:1200px;