HTML5是一種最新的標準,它包含了許多新穎的特性。其中之一就是CSS3,CSS3是CSS的第三版,主要用于網頁設計。字體、顏色、背景、布局等等都可以通過CSS3進行設置。下面我們將介紹一些常用的CSS3樣式,并用代碼展現。
1. 邊框圓角:
border-radius: 5px;
2. 陰影效果:
box-shadow: 2px 2px 2px #333333;
3. 文字漸變顏色:
background: -webkit-linear-gradient(left, #ff0000, #00ff00);
4. 圖片圓角:
border-radius: 50%;
5. 文字輪廓:
-webkit-text-stroke: 1px black;
6. 半透明效果:
opacity: 0.5;
7. 線性漸變背景:
background: linear-gradient(to bottom, #00ff00 0%, #ffffff 100%);
8. 點擊效果:
a:hover { color: #ff0000; text-decoration: underline; }
9. 文字陰影效果:
text-shadow: 2px 2px #ff0000;
10. 文字紋理效果:
background-image: url(texture.png); background-repeat: repeat; -webkit-text-fill-color: transparent; -webkit-background-clip: text;以上就是一些常用的CSS樣式,可用于美化網頁,提高網頁的視覺效果。當然,CSS樣式還有很多很多種,我們需要根據具體的需求去查找相應的樣式,并將其運用到我們的網頁設計當中。
上一篇pc搜索框下拉css
下一篇patting css