本文目錄導(dǎo)讀：
如何用CSS設(shè)置網(wǎng)站樣式
CSS，即層疊樣式表，是一種用于描述HTML文檔樣式的語(yǔ)言，通過(guò)CSS，我們可以輕松地設(shè)置網(wǎng)站的整體風(fēng)格、顏色、字體等，從而提升網(wǎng)站的美觀度和用戶(hù)體驗(yàn)。
基本CSS樣式設(shè)置
1、設(shè)置背景顏色
在CSS中，可以使用background-color屬性來(lái)設(shè)置網(wǎng)頁(yè)的背景顏色，要將背景顏色設(shè)置為藍(lán)色，可以編寫(xiě)如下代碼：
body {
background-color: blue;
}2、設(shè)置字體樣式
通過(guò)font-family、font-size和font-weight等屬性，我們可以輕松地設(shè)置網(wǎng)頁(yè)的字體樣式，要將字體設(shè)置為Arial，字體大小設(shè)置為14px，字體粗細(xì)設(shè)置為粗體，可以編寫(xiě)如下代碼：
body {
font-family: Arial;
font-size: 14px;
font-weight: bold;
}***CSS樣式設(shè)置
1、設(shè)置邊框和圓角
通過(guò)border和border-radius屬性，我們可以設(shè)置網(wǎng)頁(yè)元素的邊框和圓角，要將一個(gè)元素的邊框設(shè)置為2px寬的黑色實(shí)線，并將圓角設(shè)置為10px，可以編寫(xiě)如下代碼：
div {
border: 2px solid black;
border-radius: 10px;
}2、設(shè)置陰影和透明度
通過(guò)box-shadow和opacity屬性，我們可以設(shè)置網(wǎng)頁(yè)元素的陰影和透明度，要將一個(gè)元素設(shè)置為帶有20px偏移量的灰色陰影，并將透明度設(shè)置為0.5，可以編寫(xiě)如下代碼：
div {
box-shadow: 20px 0px 10px gray;
opacity: 0.5;
}應(yīng)用CSS樣式
要將CSS樣式應(yīng)用到HTML文檔中的元素上，可以通過(guò)以下兩種方式：
1、在HTML元素的style屬性中直接編寫(xiě)CSS代碼。
<div style="background-color: blue; font-family: Arial; font-size: 14px; font-weight: bold;">這是一段文本</div>
2、將CSS代碼編寫(xiě)在一個(gè)單獨(dú)的.css文件中，并在HTML文檔的<head>部分引用該文件。
<head> <link rel="stylesheet" href="style.css"> </head>
在style.css文件中編寫(xiě)CSS代碼：
body {
background-color: blue;
font-family: Arial;
font-size: 14px;
font-weight: bold;
}
