CSS3是一種用于對網頁元素進行樣式設計的技術,其繪制功能強大,能夠通過代碼快速實現各種形狀、顏色和圖案的繪制。以下是一些CSS3的繪制實例。
/* 繪制邊框圓角矩形 */ .box { border-radius: 10px; border: 2px solid #fff; } /* 繪制三角形 */ .triangle { width: 0; height: 0; border-top: 50px solid #f00; border-left: 50px solid transparent; border-right: 50px solid transparent; } /* 繪制漸變背景 */ .gradient { background: linear-gradient(to bottom, #f00, #00f); } /* 繪制陰影效果 */ .shadow { box-shadow: 2px 2px 2px #888; } /* 繪制旋轉文本 */ .rotate { transform: rotate(45deg); }
通過CSS3的繪制功能,我們可以為網頁元素添加更多的樣式效果,讓頁面更加美觀動人。
上一篇css3漂亮的table
下一篇css 限定字符長度