CSS3实用方法小记 2016.03.16
2016-05-24 09:43
423 查看
圆角边框:
box阴影:
背景图片大小:
背景图片位置
文本阴影
强制自动换行
分列
border-radius : 4px;
box阴影:
box-shadow : 5px 5px 3px #000 ; /* 参数分别为向右拓展距离,向下拓展距离,阴影宽度,颜色*/
背景图片大小:
div{ background:url(bg_flower.gif); -moz-background-size:63px 100px; /* 老版本的 Firefox */ background-size:63px 100px; background-repeat:no-repeat; }
背景图片位置
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*/ }
文本阴影
text-shadow : 5px 5px 3px #000; /*参数分别为向右拓展距离,向下拓展距离,阴影宽度,颜色 */
强制自动换行
p { word-wrap:break-word; }
分列
div{ column-gap: 3px; /* 列间间隔长度 */ -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari 和 Chrome */ column-count:3; }
相关文章推荐
- 一些页面布局常见CSS问题
- CSS选择器
- css中的float
- CSS弹性盒模型flex在布局中的应用
- CSS高效开发实战 4567
- 如何解决CSS伪类hover在IE8中失效的问题?
- 如何在CSS中自定义鼠标样式?
- CSS HACK
- 使用CSS3伪类选择器美化按钮
- css border那点事
- 整理前端css/js/jq常见问题及解决方法(1)
- 一、HTML+CSS基础知识学习笔记
- CSS3文本温故
- html+css 实现文本固定长度,超出显示省略号
- 优化CSS样式
- 样式表
- 样式布局
- css垂直和水平居中显示
- css垂直居中
- DatePicker在studio中样式改变,显示年月,隐藏日的时候同时出现崩溃