CSS3實(shí)用方法總結(jié)(推薦)
發(fā)布時(shí)間：2016-05-24 15:44:39 作者：佚名 
我要評(píng)論
我要評(píng)論下面小編就為大家?guī)硪黄狢SS3實(shí)用方法總結(jié)(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
1.圓角邊框：
CSS Code復(fù)制內(nèi)容到剪貼板
- border-radius : 4px;
2.box陰影：
CSS Code復(fù)制內(nèi)容到剪貼板
- box-shadow : 5px 5px 3px #000 ; /* 參數(shù)分別為向右拓展距離，向下拓展距離，陰影寬度，顏色*/
3.背景圖片大?。?/strong>
CSS Code復(fù)制內(nèi)容到剪貼板
- div{
- background:url(bg_flower.gif);
- -moz-background-size:63px 100px; /* 老版本的 Firefox */
- background-size:63px 100px;
- background-repeat:no-repeat;
- }
4.背景圖片位置
CSS Code復(fù)制內(nèi)容到剪貼板
- div{
- background:url(bg_flower.gif);
- background-repeat:no-repeat;
- background-size:100% 100%;
- -webkit-background-origin:content-box; /* Safari */
- background-origin:content-box;/*border-box, padding-box*/
- }
5.文本陰影
CSS Code復(fù)制內(nèi)容到剪貼板
- text-shadow : 5px 5px 3px #000; /*參數(shù)分別為向右拓展距離，向下拓展距離，陰影寬度，顏色 */
6.強(qiáng)制自動(dòng)換行
CSS Code復(fù)制內(nèi)容到剪貼板
- p {
- word-wrap:break-word;
- }
7.分列
CSS Code復(fù)制內(nèi)容到剪貼板
- div{
- column-gap: 3px; /* 列間間隔長度 */
- -moz-column-count:3; /* Firefox */
- -webkit-column-count:3; /* Safari 和 Chrome */
- column-count:3;
- }
以上這篇CSS3實(shí)用方法總結(jié)(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
原文地址：http://www.cnblogs.com/daisykoo/archive/2016/05/24/5522362.html
相關(guān)文章
jquery結(jié)合CSS實(shí)現(xiàn)的多樣式多視頻列表連播效果源碼
是一段實(shí)現(xiàn)了右側(cè)縮略圖片+文字列表顯示所有視頻、右側(cè)文字列表顯示所有視頻及底部縮略圖片+文字列表顯示所有視頻三種樣式的視頻連播效果代碼，本段代碼適應(yīng)于所有網(wǎng)頁使用2016-05-25- 下面小編就為大家?guī)硪黄猚ss中常用的幾種居中方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-25
- 下面小編就為大家?guī)硪黄钊肜斫鈉ss中的align-content屬性。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-25
- 下面小編就為大家?guī)硪黄钊肜斫釩SS中的盒子模型。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-25
CSS中的各種選擇器與樣式優(yōu)先級(jí)小結(jié)
這里為大家送上CSS中的各種選擇器與樣式優(yōu)先級(jí)小結(jié),基本上常用的都被整理在其中,歡迎隨看隨記^^2016-05-24CSS左側(cè)固定寬 右側(cè)自適應(yīng)的實(shí)現(xiàn)代碼(兼容所有瀏覽器)
下面小編就為大家?guī)硪黄狢SS左側(cè)固定寬 右側(cè)自適應(yīng)的實(shí)現(xiàn)代碼(兼容所有瀏覽器)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-26
