CSS3的使用方法.docx

[CSS3] 新增属性用法整理?? OS -- winXP Browsers -- IE6+, FF 3.0.11, FF 3.5, Opera 10 beta 2, Safari 4, Chrome 3.0.195 【说明】： -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome、safari私有属性  TOC \o 1-4 \h \z \u   HYPERLINK \l _Toc394530601 一. box-shadow(阴影效果)  PAGEREF _Toc394530601 \h 2  HYPERLINK \l _Toc394530602 二. border-colors(为边框设置多种颜色)  PAGEREF _Toc394530602 \h 2  HYPERLINK \l _Toc394530603 三. boder-image(图片边框)  PAGEREF _Toc394530603 \h 2  HYPERLINK \l _Toc394530604 四. text-shadow(文本阴影)  PAGEREF _Toc394530604 \h 3  HYPERLINK \l _Toc394530605 五.?text-overflow(文本截断)  PAGEREF _Toc394530605 \h 3  HYPERLINK \l _Toc394530606 六. word-wrap(自动换行)  PAGEREF _Toc394530606 \h 3  HYPERLINK \l _Toc394530607 七. border-radius(圆角边框)  PAGEREF _Toc394530607 \h 4  HYPERLINK \l _Toc394530608 八. ? opacity(不透明度)  PAGEREF _Toc394530608 \h 4  HYPERLINK \l _Toc394530609 九. box-sizing(控制盒模型的组成模式)  PAGEREF _Toc394530609 \h 4  HYPERLINK \l _Toc394530610 十. resize(元素缩放)  PAGEREF _Toc394530610 \h 5  HYPERLINK \l _Toc394530611 十一. outline(外边框)  PAGEREF _Toc394530611 \h 5  HYPERLINK \l _Toc394530612 十二. background-size(指定背景图片的尺寸)  PAGEREF _Toc394530612 \h 5  HYPERLINK \l _Toc394530613 十三. background-origin(指定背景图片从哪里开始显示)  PAGEREF _Toc394530613 \h 6  HYPERLINK \l _Toc394530614 十四. background-clip(指定背景图片从什么位置开始裁切)  PAGEREF _Toc394530614 \h 6  HYPERLINK \l _Toc394530615 十五. ?background(为一个元素指定多个背景)  PAGEREF _Toc394530615 \h 6  HYPERLINK \l _Toc394530616 十六. hsl(通过色调, 饱和度, 亮度来指定颜色值)  PAGEREF _Toc394530616 \h 7  HYPERLINK \l _Toc394530617 十七. hsla(在hsl的基础上上增加了一个透明度设置)  PAGEREF _Toc394530617 \h 7  HYPERLINK \l _Toc394530618 十八. rgba(基于r,g,b三个颜色通道来设置颜色值, 通过a来设置透明度)  PAGEREF _Toc394530618 \h 7   一. box-shadow(阴影效果) 使用: -moz-box-shadow: 20px 10px 0 #000; -webkit-box-shadow: 20px 10px 0 #000; 支持:? ?? ? ? FF3.5, Safari 4, Chrome 3 二. border-colors(为边框设置多种颜色) 使用: ?? ? ? 说明:? ?? ? ? 颜色