<!DOCTYPE html>
<html>
<head>
	<title>我的网页</title>
	<style>
		body {
			background-color: #F0F8FF;
			color: #333333;
			font-family: Arial, sans-serif;
		}
<pre><code>	h1 {
		color: #006699;
		font-size: 36px;
		text-align: center;
		margin-top: 50px;
	}
	
	p {
		font-size: 18px;
		line-height: 1.5;
		margin: 20px;
	}
	
	.container {
		max-width: 800px;
		margin: 0 auto;
		padding: 20px;
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}
	
	a {
		color: #006699;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
&lt;/style&gt;
</code></pre>
</head>
<body>
	<div class="container">
		<h1>欢迎来到我的网页</h1>
		<p>这是一个简单的网页,用来展示HTML和CSS的基本用法。</p>
		<p>HTML是一种标记语言,用于创建网页内容。CSS则是一种样式表语言,用于美化网页。</p>
		<p>如果您想了解更多关于HTML和CSS的知识,请访问<a href="https://www.w3schools.com/">W3Schools</a>网站。</p>
	</div>
</body>
</html>
用html写一个简单的网页并用css美化

原文地址: https://www.cveoy.top/t/topic/CvV 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录