实例 对部分和子部分进行编号（比如 "Section 1"、"1.1"、"1.2"）的方法： body{ counter-reset:section;} h1{ counter-reset:subsection;} h1:before{ counter-increment:section; content:"Section " counter(section) ". ";} h2:be...

实例 对部分和子部分进行编号（比如 "Section 1"、"1.1"、"1.2"）的方法： body{ counter-reset:section;} h1{ counter-reset:subsection;} h1:before{ counter-increment:section; content:"Section " counter(section) ". ";} h2:be...

实例 指定作为div元素周围边框的图像： #borderimg { -webkit-border-image: url(border.png) 30 round; /* Safari 3.1-5 */ -o-border-image: url(border.png) 30 round; /* Opera 11-12.1 */ border-image: url(border.png) 30 round;} 尝试...

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

实例 为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{ border:2px solid; border-bottom-right-radius:2em;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或...

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

实例 指定绘图区的背景： div{ background-color:yellow; background-clip:content-box;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 background-clip 4.0 9.0 4.0 3.0 1...

实例 内容框相对定位的背景图片： div{background-image:url('smiley.gif');background-repeat:no-repeat;background-position:left;background-origin:content-box;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性...