CSS3是前端開發(fā)中重要的一環(huán)，它提供了豐富的樣式選擇器和新的樣式屬性來讓網(wǎng)頁設(shè)計更加美觀、動態(tài)，下面讓我們來學(xué)習(xí)CSS3中的基本樣式。

顏色樣式

color: #FFF;  /*文字顏色*/
background-color: #000;  /*背景顏色*/

字體樣式

font-size: 24px;  /*字體大小*/
font-family: Arial, sans-serif;  /*字體種類*/
text-align: center;  /*文字居中*/
text-decoration: underline;  /*文字下劃線*/
text-shadow: 2px 2px 2px #000;  /*文字陰影*/

邊框樣式

border: 1px solid #000;  /*邊框*/
border-radius: 5px;  /*圓角邊框*/
box-shadow: 2px 2px 2px #000;  /*邊框陰影*/

背景樣式

background-image: url("example.png");  /*背景圖片*/
background-repeat: repeat;  /*背景平鋪*/
background-position: center center;  /*背景位置*/
background-size: cover;  /*背景大小*/

鏈接樣式

a {
color: #FFF;  /*鏈接顏色*/
text-decoration: none;  /*去除下劃線*/
}
a:hover {
color: #FF0;  /*鼠標(biāo)滑過顏色*/
}

總結(jié)

以上就是CSS3中常用的基本樣式，當(dāng)然還有很多其他樣式，希望大家在實踐中多加嘗試，打造出更加美觀的網(wǎng)頁。