隨著技術的進步,CSS3 中新增了許多令人興奮的元素標簽。這些新的元素標簽可以讓網頁設計變得更加動態,更加現代化。接下來,我們將介紹其中幾個新的元素標簽,代碼示例將使用 pre 標簽包裹。
/* 圓角邊框 */ .box { border-radius: 20px; } /* 盒子陰影 */ .box { box-shadow: 2px 2px 10px #888; } /* 字體陰影 */ h1 { text-shadow: 2px 2px 5px #888; } /* 漸變背景色 */ .box { background: linear-gradient(to bottom right, #ff0000, #ffff00); } /* 邊框圖片 */ .box { border-image: url(border.png) 30 stretch; } /* 2D 轉換 */ .box { transform: rotate(30deg) translate(50px, 100px); }
這是其中一些值得注意的標簽。我們可以通過它們實現更加豐富多彩的設計效果。當然,在使用這些新元素標簽的時候,也需要謹慎地考慮它們對可用性的影響。
上一篇css-1109
下一篇jqgrid 的vue