最新版的CSS——CSS3,為我們帶來了許多新的特性和用法。下面我們來講一下如何使用CSS3。
/* 1. 新特性:圓角邊框 */ .box { border-radius: 5px; } /* 2. 新特性:漸變背景 */ .box { background: linear-gradient(#ffffff, #cccccc); } /* 3. 新屬性:box-shadow,用于實現陰影效果 */ .box { box-shadow: 2px 2px 2px #cccccc; } /* 4. 新屬性:text-shadow,用于實現文字陰影效果 */ h1 { text-shadow: 2px 2px 2px #cccccc; } /* 5. 新屬性:transition,用于實現動畫效果 */ .button { transition: background-color 0.5s ease; } .button:hover { background-color: #cccccc; } /* 6. 新屬性:flexbox,用于實現自適應布局 */ .container { display: flex; justify-content: center; align-items: center; } /* 7. 新選擇器:nth-child,用于選擇某一父元素的第幾個子元素 */ ul li:nth-child(2) { font-weight: bold; }
以上是CSS3的一些常用特性和用法,當然還有許多其他的新屬性和選擇器等待我們去探索使用。
上一篇mysql 結果是否為空
下一篇旋轉相冊css碼