写一个纯HTML+CSS的网页多一点
下面是一个简单的纯HTML+CSS的网页示例：
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
nav {
background-color: #555;
padding: 10px;
}
nav ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
nav ul li {
display: inline-block;
margin-right: 10px;
}
nav ul li a {
color: #fff;
text-decoration: none;
padding: 5px 10px;
}
section {
padding: 20px;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<header>
<h1>Welcome to My Website</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<section>
<h2>About</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu felis nec enim lobortis condimentum. Aliquam erat volutpat. Aenean sit amet ex vel lectus tincidunt pellentesque. Aliquam erat volutpat. Mauris non turpis bibendum, gravida turpis non, accumsan tellus. Fusce et ante in sem tincidunt consequat at id lorem. Quisque pretium odio sit amet tortor ornare, non pulvinar purus porta. Fusce non justo aliquet, dignissim nibh at, suscipit risus.</p>
</section>
<footer>
<p>© 2022 My Website. All rights reserved.</p>
</footer>
</body>
</html>
这个网页包含一个简单的标题头部、导航栏、关于部分和页脚。你可以根据需要进行修改和扩展
原文地址: https://www.cveoy.top/t/topic/hIdU 著作权归作者所有。请勿转载和采集!