在HTML中,CSS樣式是非常重要的一個部分。開發(fā)者們可以通過CSS樣式來控制頁面的布局、顏色、字體等方面的顯示效果,從而讓網(wǎng)頁更加美觀、易讀、易用。以下便是一段展示CSS樣式的HTML文檔:
<!DOCTYPE html>
<html>
<head>
<title>CSS樣式演示</title>
<style>
/* 設(shè)置網(wǎng)頁背景顏色為灰色 */
body {
background-color: #ddd;
}
/* 設(shè)置頁面中的所有h1元素字體顏色為紅色 */
h1 {
color: red;
}
/* 設(shè)置class為intro的元素字體顏色為藍色 */
.intro {
color: blue;
}
/* 設(shè)置ID為logo的圖片寬度為200像素 */
#logo {
width: 200px;
}
</style>
</head>
<body>
<h1>歡迎來到CSS樣式演示</h1>
<p class="intro">在這里,您可以學習各種CSS樣式的效果!</p>
</body>
</html>
以上代碼中,我們可以看到在標簽內(nèi),通過設(shè)置不同的選擇器來對頁面元素進行樣式設(shè)置。比如我們設(shè)置了
body
元素的背景顏色為灰色,h1
元素的字體顏色為紅色,以及.intro
類所代表的元素字體顏色為藍色。而設(shè)置ID為logo
的圖片的寬度為200像素。
相信通過這個例子,您已經(jīng)能夠掌握CSS樣式的設(shè)置方法,以及如何在HTML文檔中使用CSS樣式來控制頁面顯示效果。
上一篇css樣式的加粗英文
下一篇css樣式按鈕居中對齊