IT入门 > 教程 >

CSS3 animation-direction 属性

实例 先执行一遍动画，然后再反向执行一遍动画： animation-direction:alternate;-webkit-animation-direction:alternate; /* Safari 和 Chrome */ 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个...

CSS3 animation-play-state 属性

实例 暂停动画： animation-play-state:paused; -webkit-animation-play-state:paused; /* Safari 和 Chrome */ 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -m...

CSS background 属性

实例 在一个div元素中设置多个背景图像（并指定他们的位置）： body{ background: #00ff00 url('smiley.gif') no-repeat fixed center; } 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏...

CSS background-attachment 属性

实例 如何指定一个固定的背景图像： body{ background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed;} 尝试一下 » 标签定义及使用说明 background-attachment设置背景图像是否固...

CSS background-color 属性

实例 设置不同元素的背景色： body{ background-color:yellow;}h1{ background-color:#00ff00;}p{ background-color:rgb(255,0,255);} 尝试一下 » 标签定义及使用说明 background-color属性设置一个元素的背景颜色。...

CSS background-image 属性

实例 设置body元素的背景图像： body{ background-image:url('paper.gif'); background-color:#cccccc;} 尝试一下 » 标签定义及使用说明 background-image 属性设置一个元素的背景图像。 元素的背景是元素的总...

CSS background-position 属性

实例 如何定位background-image： body{ background-image:url('smiley.gif');background-repeat:no-repeat;background-attachment:fixed;background-position:center; } 尝试一下 » 标签定义及使用说明 background-position属性设置背...

CSS background-repeat 属性

实例 只有垂直方向重复 background-image： body{ background-image:url('paper.gif'); background-repeat:repeat-y;} 尝试一下 » 标签定义及使用说明 设置如何平铺对象的 background-image 属性。 默认情况下，重...

CSS3 background-clip 属性

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

CSS3 background-origin 属性

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