CSS簡(jiǎn)單頁面代碼示例
CSS（層疊樣式表）是一種用于描述HTML文檔樣式的語言，它可以控制頁面的布局、顏色、字體等，下面是一個(gè)簡(jiǎn)單的CSS頁面代碼示例，展示如何使用CSS來美化HTML頁面。
<!DOCTYPE html>
<html>
<head>
<title>CSS簡(jiǎn)單頁面示例</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 10px;
}
main {
margin: 20px;
}
h1 {
color: #333;
}
p {
color: #666;
}
</style>
</head>
<body>
<header>
<h1>歡迎來到我的網(wǎng)站！</h1>
</header>
<main>
<h1>標(biāo)題一</h1>
<p>這是一段文本，描述了一些信息。</p>
<h1>標(biāo)題二</h1>
<p>這是另一段文本，提供了更多信息。</p>
</main>
<footer>
<p>版權(quán)所有 © 2023</p>
</footer>
</body>
</html>在這個(gè)示例中，我們使用了CSS來設(shè)置頁面的基本樣式，我們定義了body元素的樣式，包括字體、背景顏色和邊距，我們?yōu)?code>header、main和footer元素設(shè)置了樣式，包括背景顏色、顏色和邊距，我們還為h1和p元素設(shè)置了樣式，以控制標(biāo)題和段落的外觀。
通過CSS的樣式設(shè)置，我們可以輕松地美化HTML頁面，使其更加吸引人，這只是一個(gè)簡(jiǎn)單的示例，實(shí)際的CSS頁面代碼可能會(huì)更加復(fù)雜和豐富，掌握基本的CSS樣式設(shè)置對(duì)于創(chuàng)建美觀的網(wǎng)頁是非常重要的。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。
