CSS 分頁實例
CSS 分頁實例.article-body ul li { background-image:none}.pagination,.pagination2,.pagination3 { display: inline-block; padding: 0; margin: 8px 0;}.pagination li,.pagination……
CSS 圖片
CSS 圖片本章節(jié)將為大家介紹如何使用 CSS 來布局圖片。圓角圖片實例圓角圖片:img { border-radius: 8px;}實例橢圓形圖片:img { border-radius: 50%;}縮略圖我們使用 border 屬性來創(chuàng)建縮略圖。實例img { border: 1px solid #ddd;border-radiu……
CSS3 多媒體查詢實例
CSS3 多媒體查詢實例本章節(jié)我們將為大家演示一些多媒體查詢實例。開始之前我們先制作一個電子郵箱的鏈接列表。HTML 代碼如下:實例 1<!DOCTYPE html><html><head><style>ul {list-s……
CSS3陰影實現(xiàn)方法及技巧全解
網(wǎng)頁設計中常常要用到陰影的效果,通過陰影可以比較容易突出一個元素,在沒有CSS3的時候,一般都用圖片做陰影效果,而現(xiàn)在通過使用CSS3的text-shadow和box-shadow這兩個屬性就可以分別設置文字和容器的陰影。這是一種新特性。不過這種特性只在支持CSS3的瀏覽器上有效果,比如:Firefox3.5,Safari 3.1 +……
27個精致的CSS3動畫效果源代碼下載
CSS 主要用于控制網(wǎng)頁的外觀,CSS 代碼可以隨意變化網(wǎng)頁的布局和網(wǎng)頁的內(nèi)容樣式。當 CSS3 出現(xiàn)以后,更是可以讓網(wǎng)頁增添了不少動畫元素,隨著IE6,7的淘汰,手機端的崛起更是讓它成熟了許多。CSS3 動畫簡潔方便,高端大氣,讓網(wǎng)頁變得易于交互且生動有趣。CSS3 動畫其實不算復雜,比 JS 簡單得多,下面 w3cschool 就……