HTML和CSS网页制作原代码
哎呀，你找对地方了！今天我给你分享一个用HTML和CSS制作网页的简单原代码，希望对你有帮助哈~
HTML代码：
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #f1f1f1;
font-family: Arial, sans-serif;
text-align: center;
}
h1 {
color: #333;
font-size: 24px;
margin: 20px 0;
}
p {
color: #666;
font-size: 16px;
line-height: 1.5;
margin: 10px 0;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<h1>HTML和CSS网页制作原代码</h1>
<p>哎呀，你找对地方了！今天我给你分享一个用HTML和CSS制作网页的简单原代码，希望对你有帮助哈~</p>
</body>
</html>
这个HTML代码主要设置了页面的背景色、字体、颜色和居中对齐，并定义了一个标题和两段文字。
CSS代码：
body {
background-color: #f1f1f1;
font-family: Arial, sans-serif;
text-align: center;
}
h1 {
color: #333;
font-size: 24px;
margin: 20px 0;
}
p {
color: #666;
font-size: 16px;
line-height: 1.5;
margin: 10px 0;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
这个CSS代码定义了页面的样式，包括背景色、字体、文字颜色、字体大小和行高。其中，标题h1和段落p都有各自的样式。链接a设置了默认颜色和鼠标悬停时的下划线效果。
哈哈，这就是制作简单网页的原代码啦~相信你看完后已经有一定的了解了吧。如果你想更深入学习HTML和CSS，还有很多有趣的东西等着你哦！加油！
希望我的分享对你有帮助，如果有任何问题，别忘了留言给我哦！