作业帮 > CSS > 教育资讯

css教程:background-position的理解

来源：学生作业帮助网编辑：作业帮时间：2024/11/23 14:30:59 CSS

css教程:background-position的理解CSS

【51Test.NET-css教程:background-position的理解】：

background-position:url(图片) 水平（X）垂直（Y）

如果水平（X）为正数、垂直（Y）为负数，表示以图片的右上角为坐标，移动各个位移，如 8 -8 (以右上角，向右移8PX 向上移8px);

如果水平（X）为负数、垂直（Y）为负数，表示以图片的左上角为坐标，移动各个位移，如 -8 -8 (以左上角，向左移8PX 向上移8px);

如果水平（X）为正数、垂直（Y）为正数，表示以图片的右下角为坐标，移动各个位移，如 8 8 (以右下角，向右移8PX 向上移8px);

如果水平（X）为负数、垂直（Y）为正数，表示以图片的左下角为坐标，移动各个位移，如 8 8 (以左下角，向左移8PX 向上移8px);