特殊CSS3的一些實用方法
2016/8/1 9:17:43 閱讀：1711
發(fā)布者：1711
1.圓角邊框：
2.box陰影：
CSS Code
- box-shadow : 5px 5px 3px #000 ;
3.背景圖片大小：
CSS Code
- div{
- background:url(bg_flower.gif);
- -moz-background-size:63px 100px;
- background-size:63px 100px;
- background-repeat:no-repeat;
- }
4.背景圖片位置
CSS Code
- div{
- background:url(bg_flower.gif);
- background-repeat:no-repeat;
- background-size:100% 100%;
- -webkit-background-origin:content-box;
- background-origin:content-box;
- }
5.文本陰影
CSS Code
- text-shadow : 5px 5px 3px #000;
6.強制自動換行
CSS Code
- p {
- word-wrap:break-word;
- }
7.分列
CSS Code
- div{
- column-gap: 3px;
- -moz-column-count:3;
- -webkit-column-count:3;
- column-count:3;
- }
以上這篇特殊CSS3實用方法就是亞網(wǎng)互聯(lián)分享給大家的內(nèi)容了，希望能給初學(xué)者一個參考，也希望大家多多支持亞網(wǎng)互聯(lián)。
