CSS3實(shí)用方法有哪些

這篇文章主要為大家展示了“CSS3實(shí)用方法有哪些”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“CSS3實(shí)用方法有哪些”這篇文章吧。

1.圓角邊框：

1. border-radius : 4px;  

2.box陰影：

1. box-shadow : 5px 5px 3px #000 ; /* 參數(shù)分別為向右拓展距離，向下拓展距離，陰影寬度，顏色*/  

3.背景圖片大?。?/strong>

1. div{   

2. background:url(bg_flower.gif);   

3. -moz-background-size:63px 100px; /* 老版本的 Firefox */  

4. background-size:63px 100px;   

5. background-repeat:no-repeat;   

6. }  

4.背景圖片位置

1. div{   

2. background:url(bg_flower.gif);   

3. background-repeat:no-repeat;   

4. background-size:100% 100%;   

5. -webkit-background-origin:content-box; /* Safari */  

6. background-origin:content-box;/*border-box, padding-box*/  

7. }  

5.文本陰影

1. text-shadow : 5px 5px 3px #000;  /*參數(shù)分別為向右拓展距離，向下拓展距離，陰影寬度，顏色 */  

6.強(qiáng)制自動(dòng)換行

1. p {   

2. word-wrap:break-word;   

3. }  

7.分列

1. div{   

2. column-gap: 3px;    /* 列間間隔長(zhǎng)度 */  

3. -moz-column-count:3;    /* Firefox */  

4. -webkit-column-count:3; /* Safari 和 Chrome */  

5. column-count:3;   

6. }  

以上是“CSS3實(shí)用方法有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！