实例 为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;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性...

实例 指定背景图像的大小： div{ background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat;} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持该属性的第...

实例 p元素的第一行开始边缘放置一个标点符号： p{hanging-punctuation:first;} 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 hanging-punctuation 不支持 不支持 不支持...

实例 在p元素在每一行的开头放置开头标点符号： p{punctuation-trim:start;} 浏览器支持 任何主流浏览器都不支持punctuation-trim属性。 属性定义及使用说明 punctuation-trim属性指定是否应修饰，...

实例 把段落的最后一行向右对齐： p{ text-align: justify; text-align-last: right; -moz-text-align-last: right; } /* 针对 Firefox 的代码 */} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏...

实例 改变单词之间的间距使得每行对齐： p{ text-emphasis: filled red; -webkit-text-emphasis: filled red;} 尝试一下 » 浏览器支持 定义与用法 text-emphasis 属性是简写属性，用于在一个声明中设置 t...