实例 定位h2元素： h2{ position:absolute; left:100px; top:150px;} 尝试一下 » 在此页底部有更多的例子。 属性定义及使用说明 position属性指定一个元素（静态的，相对的，绝对或固定）的定位方...

实例 把图像的右边缘设置在其包含元素右边缘向左 5 像素的位置： img{position:absolute;right:5px;} 尝试一下 » 属性定义及使用说明 对于 static 元素，为 auto；对于长度值，则为相应的绝对长...

实例 把图像的上边缘设置在其包含元素上边缘之下5像素高的位置： img{position:absolute;top:5px;} 尝试一下 » 属性定义及使用说明 top 属性规定元素的顶部边缘。该属性定义了一个定位元素...

实例 设置图像的 z-index： img{ position:absolute; left:0px; top:0px; z-index:-1;} 尝试一下 » 属性定义及使用说明 z-index 属性指定一个元素的堆叠顺序。 拥有更高堆叠顺序的元素总是会处于堆叠顺...

实例 指定段落的左侧或右侧不允许浮动的元素： img{ float:left;}p.clear{ clear:both;} 尝试一下 » 本页底部查看更多实例。 属性定义及使用说明 clear属性指定段落的左侧或右侧不允许浮动的元...

实例 让图像向右侧浮动： img {float:right;} 尝试一下 » 在此页底部有更多的例子。 属性定义及使用说明 float属性指定一个盒子（元素）是否应该浮动。 注意： 绝对定位的元素忽略float属...

实例 为所有选中的输入元素设置背景颜色： input:checked { height: 50px; width: 50px;} 尝试一下 » 定义和用法 :checked 选择器匹配每个选中的输入元素（仅适用于单选按钮或复选框）。 浏览器支...

实例 设置所有type="text"的禁用的输入元素的背景颜色： input[type="text"]:disabled{background:#dddddd;} 尝试一下 » 定义和用法 :disabled 选择器匹配每个禁用的的元素（主要用于表单元素）。 浏览...

实例 指定空的p元素的背景色： p:empty{ background:#ff0000;} 尝试一下 » 定义和用法 :empty选择器选择每个没有任何子级的元素（包括文本节点）。 浏览器支持 表格中的数字表示支持该属性的...

实例 设置所有type="text"的启用的输入元素的背景颜色： input[type="text"]:enabled{background:#ffff00;} 尝试一下 » 定义和用法 :enabled 选择器匹配每个启用的的元素（主要用于表单元素）。 浏览器...