最近在学习中遇到这个问题
background:url() no-repeat right center 是简写,原本写法如下
backgroud-image:url(图片);
background-repeat:no-repeat;
background-position:right center
图片位置
- right center是图片的初始位置
- right是水平位置,center是垂直居中
- 这两个的顺序是先定义水平位置,再定义垂直位置;
例子
background:url(图片) no-repeat right 15px
背景图片
- 背景图片不重复
- 在水平方向靠近容器的右侧
- 在垂直方向距离容器上方15px