CSS3实用方法总结(推荐)
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实用方法总结(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持插件窝。
原文地址:http://www.cnblogs.com/daisykoo/archive/2016/05/24/5522362.html
<div class="clearfix">
<span id="art_bot" class="jbTestPos"></span>
</div>