fkjj.net
当前位置:首页 >> Css问题:如何用BACkgrounD定位 >>

Css问题:如何用BACkgrounD定位

background:url(图片地址); background-position:12px -12px; //显示图片的X坐标 和Y坐标 简单的,你找一下background-position的用法,很多介绍的,这里就不复制了

是用来定位图片的位置的。 最主要使用在 一张png 上有多个logo 或者 ico 这个时候就用到background-position了 background-position:x y x等于平行轴 y等于竖行轴。 x y的取值可以为正数,也可以是负数

position 先左右后上下,分别有left, center, right, top center, bottom六种,还可以用百分比来表示,但百分比显示的时候,你写的点是图片的中心点,例如你的box是600*600的,背景图片是400*400的,你使用百分比来定位背景图片,数字为50% 50%...

用background-size属性, 格式如下:background-size: length|percentage|cover|contain; length 设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动) percentage 将计算相对于背景定...

之前我们要实现一个元素的背景的线性渐变只有用(透明的)图片来平铺,现在通过CSS3的linear-gradient属性,可以很方便的实现元素的线性渐变。 语法:linear-gradient([ || ,]? , [, ]*) 例子:background-image: linear-gradient(left,red10%, ...

background-attachment :定义背景图片随滚动轴的移动方式 取值: scroll | fixed | inherit scroll: 随着页面的滚动轴背景图片将移动 fixed: 随着页面的滚动轴背景图片不会移动 inherit: 继承初始值: scroll 继承性: 否 适用于: 所有元素

你查查background-position并练习一下就知道了,背景图的两个偏移值可以用background-position: x y;表示。x是水平位置偏移,y是垂直位置偏移。 你可以用坐标来理解,图片左上角的坐标就是0 0。如-683px -162px就是:水平偏移683px,垂直偏移162...

不明白你说的啥意思.... 试试直接这样搞 background: url('../images/bg.png') 0px 59px no-repeat;

主要是图片的定位和div的定位问题。 设图片起点坐标是(0, 0),图片高和宽为100px,则图片右下角坐标为(0, 0); div起点坐标是(0,0),div高和宽为70px,边框分别为 10,20, 20, 10 。并给div边框上色掩盖背景图部分,则 div可见区域为图片的左上(10,1...

网站首页 | 网站地图
All rights reserved Powered by www.fkjj.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com