14.1.1 用法详解
边框颜色，c3增强了，为一个边框设置多条颜色
标准用法，兼容Mozilla
-moz-border-bottom-colors: #100
border-bottom-colors
各边单独定义颜色
只有firfox运持
14.1.2 案例实战
border-colors模拟立体效果，深色浅色交互
-moz-border-bottom-colors: #333 #aaa 两个颜色交替模拟立体效果
14.2.1 用法详解
边框颜色除了设计多色外，还可设置背景图像
border-image none默认即无背景， image图像路径，number边框宽度固定像素值表示，percentage
填充的四个边四个角，从左向下，从下向上，从右向左裁切，从左向右切
14.2.2 案例实战
定义边框有圆角，定义背景图像也能实现
-moz-border-image:url(image/r2.png) 20;
-webkit-border-image:url(images/r3.png) 20;
-o-border-image: url(iamge/r3.png) 20;
-moz是兼容firefox
-webkit是兼容苹果op浏览器的
-o也是兼容op的
也可利用边框背景来设置阴影效果
还可设置选项卡
border-image 灵活使用可以实现很多效果
14.3.1 用法详解
border-radius专门用来设置圆角的
第一个值是水平半径，第二个值省略，则它等于第一个值，它是垂直半径，任意值为0则是矩形
-moz-border-radius:20px/40px;
-moz-border-radius-topright:50px; 火狐是把topright放右边
-webkit-bordet-top-right-radius:50px; //其它浏览器的把top-right放中间加连字符
border-top-right-radius:50px //标准的也是
圆角不受边框影响
两个值，第一个是左上右下
14.3.2 案例实战：设计椭圆图形
内边半径等外边半径，内直角，相邻两个边宽度不同时
-moz-border-radius:200px; 超过一半都是圆形
14.4.1 用法详解
box-shadow 设置盒子阴影有6个参数值，分别是阴影类型，x,y位置，阴影大小，颜色，有的可选
-moz-box-shadow:5px,5px;
-moz-box-shadow:2px 2px 10px #06c;
-moz-box-shadow:insert 2px 2px 10px #06c;
还可以设置多层阴影，上面阴影大层盖住下面的阴影
14.4.2 案例实战：设计windows7界面效果
主要用到一些属性，设置阴影，圆角，多色边框
边框，盒子阴影
14.5.1 定义背景坐标
background-origin border padding content 从boder区域开始，padding区域，content区域
background-origin:border 以边框的左上角从外盒子的边框的左上角
14.5.2 定义背景裁剪区域
background-clip border-box padding-box content-box no-clip参数表从什么位置开始裁切，后来box不要了
margin,border,padding,content这四个区域，边界边缘，边框边缘，补白边缘，内容边缘
各浏览器还是通过私有属性来支持，即加前缀，如moz等
-moz-background-clip:content; 兼容firfox的私有属性
-webkit-background-clip:content; 兼容chorme
-o-backtround-clip:content; 兼容oper
-khtml-background-clip:content; 貌似也是兼容chrome
background-clip:content; 标准的
14.5.3 定义背景图像大小
css2背景图大小不可控制，要先设计好大小
background-size 可定义背景大小，length, percentage
background-size
14.5.4 定义背景图像循环方式
backgournd-break 该属性不怎么支持
bounding-box
each-box
continuou
14.5.5 定义多背景图像
multiple backgrounds
一个元素中显示多个背景图像
background-image:ur(image/bg3.jpg),url(image/bg11.jpg),
background-position:3% 98%,85%,center center, top;
那个显示在上面就放在最后