CSS3是最新的CSS標(biāo)準(zhǔn),給我們帶來了許多強(qiáng)大的新特性。其中,新增的標(biāo)簽可以幫助我們更方便地實(shí)現(xiàn)一些效果,讓網(wǎng)頁更加美觀。下面我們來看一些CSS3新增的標(biāo)簽和特性。
1. border-radius
使用border-radius屬性,可以使元素的邊框圓角化。例如:
#example {
border-radius: 10px;
}
這樣就可以使元素的四個角都變成10像素的圓角。
2. box-shadow
使用box-shadow屬性,可以為元素添加陰影效果。例如:
#example {
box-shadow: 2px 2px 2px #888888;
}
這個例子中,元素會出現(xiàn)一個2像素大小的陰影,在右下方,顏色為#888888。
3. text-shadow
使用text-shadow屬性,可以在文本周圍添加陰影效果。例如:
#example {
text-shadow: 1px 1px 1px #888888;
}
這個例子中,文本會出現(xiàn)一個1像素大小的陰影,在右下方,顏色為#888888。
4. opacity
使用opacity屬性,可以控制元素的透明度。例如:
#example {
opacity: 0.5;
}
這個例子中,元素的透明度為50%。
除了這些標(biāo)簽,CSS3還新增了很多其他的標(biāo)簽和特性,例如transform、transition、animation等等,可以幫助我們實(shí)現(xiàn)更加炫酷的效果。學(xué)好這些標(biāo)簽,讓你的網(wǎng)頁更加精彩!
上一篇css 單面弧形陰影
下一篇css 占滿剩余屏幕