html css 代码
时间: 2023-09-21 07:11:32 浏览: 28
<!DOCTYPE html>
<html>
<head>
<title>My First Webpage</title>
<style>
body {
background-color: #F5F5F5;
font-family: Arial, sans-serif;
font-size: 16px;
color: #333;
}
h1 {
color: #1E90FF;
text-align: center;
margin-top: 50px;
}
p {
margin: 20px;
line-height: 1.5;
}
ul {
list-style-type: none;
padding: 0;
margin: 20px;
}
li {
margin: 10px;
padding: 10px;
background-color: #F0F0F0;
border-radius: 5px;
}
a {
color: #1E90FF;
text-decoration: none;
}
a:hover {
color: #FF4500;
text-decoration: underline;
}
</style>
</head>
<body>
<h1>Welcome to my first webpage</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in lectus vel massa consequat aliquam. Donec id libero quis ipsum tincidunt auctor at vel mi. Nulla lacinia, justo non efficitur sagittis, nibh sapien varius orci, et gravida ex lacus a elit. Praesent vel metus ut turpis fermentum tincidunt. Donec tristique ullamcorper orci, a malesuada mauris venenatis nec. Sed porta risus quis tortor finibus, ac consequat nibh consequat. Sed bibendum ut quam in aliquam. Duis sit amet vestibulum ipsum, quis auctor nulla. Donec ut tempus mi. </p>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</body>
</html>