                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之border

背景图片位置和透明边框这不懂

没懂，border-right和background-position这段，请问结构是怎么搭的，100%和40px分别表示针对哪的位置，蒙圈了，结构怎么搭的，结构怎么搭的，结构怎么搭的，重要的问题问三遍，求解

03:01

慕粉3737760

2016-12-15

源自：CSS深入理解之border 4-1

关注问题我要回答

1601

操作

收起

5 回答

好好学习的好学生
2017-12-12

为什么图片还是在左边呢，求助~

0 回复有任何疑惑可以回复我~

收起回答

慕粉3737760 提问者
2016-12-20

谢谢谢谢懂了

0 回复有任何疑惑可以回复我~

收起回答

甜甜圈1991
2016-12-19

background-position: x% y% 第一个值是水平位置，第二个值是垂直位置。

0 回复有任何疑惑可以回复我~

收起回答

甜甜圈1991
2016-12-19

background-position取值为长度单位时，要设置水平方向数值（x轴）和垂直方向数值（y轴）。例如：“background-position：12px 24px;”表示背景图片距离该元素左上角的水平方向位置是12px，垂直方向位置是24px。注意，这两个取值之间要

0 回复有任何疑惑可以回复我~

收起回答

甜甜圈1991
2016-12-15

老师这个讲的是背景定位background-position；针对这个属性而言他的定位位置都是从左上角算起的，若是要距右边多少像素的话，就可以按老师这种方法，若是距右边开始50px的距离可以设定border-right右边框50px；在这个边框的内容定位background-position:100% 40px; 水平100% 的时候背景位置会距最右边，又因为最右边有隐藏这的50px所以视觉上正好是，定位背景距右侧50px；不知道解释的能否理解