使用html和css制作简单网页例子
时间: 2023-08-21 14:02:52 浏览: 37
好的,以下是一个简单的使用HTML和CSS制作的网页例子:
```
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<style>
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
color: #333;
}
h1 {
text-align: center;
font-size: 2.5em;
margin-top: 50px;
}
p {
font-size: 1.2em;
line-height: 1.5;
margin: 20px 0;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 0 20px;
}
.button {
display: inline-block;
padding: 10px 20px;
background-color: #333;
color: #fff;
text-decoration: none;
border-radius: 5px;
margin-top: 20px;
}
.button:hover {
background-color: #555;
}
</style>
</head>
<body>
<div class="container">
<h1>Welcome to My Website</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna vitae venenatis tempus, nulla sem sagittis ante, a imperdiet quam libero et dolor. Donec elementum, ex sit amet auctor bibendum, nisi augue interdum lectus, eu placerat magna nunc eu felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<a href="#" class="button">Learn More</a>
</div>
</body>
</html>
```
这个网页包含一个标题、一段文字和一个按钮。CSS样式定义了背景颜色、字体、颜色、元素间距、按钮样式等等。