设计一个简易的HTML5手机网站
时间: 2024-05-24 14:10:19 浏览: 7
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Mobile Website</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
header {
background-color: #333;
color: #fff;
padding: 10px;
}
h1 {
margin: 0;
}
nav {
background-color: #eee;
padding: 10px;
text-align: center;
}
nav a {
display: inline-block;
padding: 5px 10px;
background-color: #ccc;
color: #333;
text-decoration: none;
border-radius: 5px;
margin: 0 5px;
}
section {
padding: 10px;
}
footer {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
</style>
</head>
<body>
<header>
<h1>My Mobile Website</h1>
</header>
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
<section>
<h2>Welcome to My Mobile Website</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod justo at lorem ullamcorper, vel sodales nisl sollicitudin. Donec finibus, neque quis cursus sollicitudin, quam enim laoreet mi, ac scelerisque sem turpis in dui. Suspendisse potenti. Sed sed eros a enim dictum lobortis. Fusce malesuada nulla vel lobortis volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed mollis enim vel scelerisque malesuada. Nullam congue sit amet elit id porta. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut mauris vel ante suscipit bibendum. Pellentesque euismod sodales neque, quis pretium lorem imperdiet nec.</p>
</section>
<footer>
<p>© 2021 My Mobile Website</p>
</footer>
</body>
</html>
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)