通过代码示例跟我学css3相关技术及应用示例第3部分

通过代码示例跟我学css3相关技术及应用示例第3部分内容摘要：

g: borderbox。 webkitboxsizing: borderbox。 oboxsizing: borderbox。 msboxsizing: borderbox。 boxsizing: borderbox。 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 9/20 页 9 } resize （ 1）规定可以由用户调整 div 元素的大小 div{ resize:both。 overflow:auto。 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 10/20 页 10 } 单独设 resize 无用， resize 需要和 overflow 配合使用才能生效，例如resize:both。 overflow:auto。 （ 2）可能的取值含义  none 用户无法调整元素的尺寸。  both 用户可调整元素的高度和宽度。  horizontal 用户可调整元素的宽度。  vertical 用户可调整元素的高度。 （ 3） resize 并不是可以随心所欲地任意拖大拖小的 它只能拖大，不能拖小。 载入页面时，元素的默认大小（如果没设 width、 height，即为默认文档流中的大小，如果设了 width、 height，为设制的值，总之，载入时是多大，就是多大），只能往大了拖，并不能往小了拖，相当于 resize 的范围有 minheight、 minwidth一样。 并不是所有元素都可以 resize，比如 img 和 table 就没办法 resize。 CSS3中的圆角、边框颜色和阴影的应用示例 CSS3 圆角 （ 1）四个角都为圆角 这是一个 5px 普通边框和 15px 边框半径的设置： roundCorderC{ fontfamily: Arial。 border: 5px solid dedede。 mozborderradius: 15px。 webkitborderradius: 15px。 padding: 15px 25px。 height: inherit。 width: 590px。 } 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 11/20 页 11 （ 2）部分角为圆角 当然，一个 DIV 的四个角不需要全部都是圆角，你可以个别的实现圆角。 borderradius支持上、右、下、左的定义格式： borderradius:5px 15px 20px 25px。 roundCornerI{ fontfamily: Arial。 border: 5px solid dedede。 /* Gecko browsers */ mozborderradiustopleft: 20px。 mozborderradiustopright: 0px。 mozborderradiusbottomleft: 0 px。 mozborderradiusbottomright: 20px。 /* Webkit browsers */ webkitbordertopleftradius: 20px。 webkitbordertoprightradius: 0 px。 webkitborderbottomleftradius: 0 px。 webkitborderbottomrightradius: 20px。 /* W3C syntax */ bordertopleftradius: 20px。 bordertoprightradius: 0 px。 borderbottomrightradius: 0 px。 borderbottomleftradius: 20px。 padding: 15x 25px。 height: inherit。 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 12/20 页 12 width: 590px。 } CSS3 之边框多颜色 bordercolor 是专为边框的多颜色而准备的属性。 （ 1） bordercolor 语法 元素选择器 { mozbordertopcolors: color color color。 /*顶边边框 */ mozborderrightcolors:color color color。 /*右边边框 */ mozborderbottomcolors: color color color。 /*底边边框 */ mozborderleftcolors: color color color。 /*左边边框 */ } （ 2）多种颜色的边框 如果设置了 border 的宽度是 X px，那么就可以在这个 border 上使用 X 种颜色，每种颜色显示 1px 的宽度。 如果 border 的宽度是 10 个像素，但是只声明了 5 或 6 种颜色，那么最后一个颜色将被添加到剩下的宽度。 下面的示例为 10px 宽的标准边框和边框颜色： borderColor { border: 10px solid dedede。 mozborderbottomcolors: 300 600 700 800 900 A00。 mozbordertopcolors: 300 600 700 800 900 A00。 mozborderleftcolors: 300 600 700 800 900 A00。 moz。