实例 使用图像作为div元素的边框： div{border-image-source: url(border.png);} 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 border-image-source 15.0 11.0 15.0 6.0 15.0 属性定义...

实例 指定图像边界的宽度： div{ border-image-source: url(border.png); border-image-width: 30 30;} 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 border-image-width 15.0 11.0 13.0 6...

菜鸟教程(runoob.com) 实例 给两个 div 元素添加圆角的边框： #example1 { border: 2px solid red; border-radius: 25px;} #example2 { border: 2px solid red; border-radius: 50px 20px;} 尝试一下 » 浏览器支持 表格中的数...

实例 为div元素的左上角添加一个圆角边框： div{border:2px solid;border-top-left-radius:2em;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或...

实例 为div元素的右上角添加一个圆角边框： div{border:2px solid;border-top-right-radius:2em;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或...

实例 向 div 元素添加阴影： div{ box-shadow: 10px 10px 5px #888888;} 尝试一下 » 在本页底部查看更多实例。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-,...

实例 如果它溢出了元素的内容区-剪辑div元素的左/右边缘内容： div{overflow-x:hidden;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或...

实例 如果它溢出了元素的内容区-剪辑div元素的顶部/底部边缘内容： div{overflow-y:hidden;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-,...

实例 设置溢出元素的首选滚动方法： div{overflow:auto;overflow-style:marquee,panner;} 尝试一下 » 浏览器支持 目前主流浏览器都不支持 overflow-style 属性。 定义和用法 overflow-style 规定溢出元素的...

实例 将 h1 元素旋转 180 度（从上向下）：p h1{ rotation-point:50% 50%; rotation:180deg;} 尝试一下 » 浏览器支持 目前没有浏览器支持 rotation 属性。 属性定义及使用说明 rotation 属性围绕由 rotat...