CSS 3实战 目 录 前 言 第1章 预览激动人心的CSS3 1.1 CSS3发展概述 1.2 CSS3模块化简介 1.3 CSS3新特性概览 1.4 主流浏览器对CSS3的支持 1.5 CSS3的未来和思考 第2章 CSS3新增的选择器 2.1 属性选择器 实战体验：文档共享的友善之举 2.2 结构伪类选择器 实战体验1：设计优雅的数据表格 实战体验2：CSS大战保龄球 实战体验3：让枯燥的列表更有趣 实战体验4：清理圆角边框中的垃圾标签 2.3 UI元素状态伪类选择器 实战体验1：设计可

border-image-slice 该属性值指定浏览器从某处裁剪源图片以获得边框的某部分。图片被分为9部分-包括4个边角，4条边，还有中心块。 （红色线围起来的区域为裁剪区域） 图片边框向内偏移的距离。格式：border-image-slice：top right bottom left。分别指切割背景图片的四条线距离上,右,下,左的距离。 该距离接受数值，百分数，数值不加单位特指像素、 百分比的值是相对于边框背景图片而言的，例如边框图片的大小是300px*240px,我们取百分比为25%

在CSS3里引入的很多新特征中，这篇文章主要介绍了css3图片边框border-image的用法,具有一定的参考价值，有兴趣的可以了解一下

对于CSS属性 border ，相信所有的WEB开发人员都非常熟悉。我们可通过设置HTML元素的 border 的宽度、颜色、样式，来让HTML元素表现出不同的边框，比如双线、虚线、圆点线。但不管你怎么设置，这些都是一些非常原始的做法。从CSS3起，我们有了一个新的属性： border-image ，它能让你用漂亮的小图片来围绕HTML元素，以图片边框的形式出现。通过 border-image 属性，我们可以制作出非常漂亮的边框样式。 在CSS3里引入的很多新特征中，比如HTML5中新型inpu