例：
div {
position: relative;
left: 50px;
top: 20px;
}上面的代码演示了如何使用CSS的平移属性将元素向右移动50像素、向下移动20像素。其中，position属性设置为relative，表示元素相对自身偏移；left和top属性控制元素相对于其原始位置的偏移量。
此外，还有其他一些属性可用于改变元素的位置，例如margin和padding。它们与平移属性不同，因为它们并不改变元素在页面上的位置，而是改变元素本身和周围元素之间的间距和边距。
例：
div {
margin-left: 50px;
padding-top: 20px;
}上述代码演示了如何使用margin和padding属性来调整元素的间距和边距。margin-left属性将元素相对于其父元素向右移动50像素，而padding-top属性将元素上方的空间增加20像素。
总之，CSS中的平移属性是控制元素在页面位置的重要手段，可帮助设计人员实现各种效果。熟练掌握平移属性，可以极大地提高网页设计的效率。