右为X轴正半轴, 下为Y轴正半轴
当前元素左上角坐标为 0,0
默认的左上角正对当前元素的左上角
如果想向左移 10px;
background:url(images/hhgif) no-repeat -10px 0;}
如果想向上移 10px;
background:url(images/hhgif) no-repeat 0 -10px;}
同样
如果想向右移 10px;
background:url(images/hhgif) no-repeat 10px 0;}
做了个, 黑色框是要加背景的容器。
css代码: background:url(images/hhgif) no-repeat -10px -10px;}
给你最详细的分析结果
逻辑。按照你提供的中，需要使用的图标，最高高度 36px，最大宽度107px处理，进行定位。
又因为你提供的数值，后面包括no-repeat和repeat-x;也就是修饰图重复与否。可以分析出你中需要重复的图标是哪一个类。
说的比较笼统，上图说明吧
图中打对号的是 repeat图标，没打的不是。数值前面的1，2，3是你提供的数值顺序号
我已经尽可能的做到最详细，简单了，相信你看完图之后就会明白。
至于第9个repeat-x scroll 0 -188px; 中的滚动，基本没有用，要是repeat-y，还有点用。
加油吧，不明白的话，我可白整图了，百度消息吧
这是用html和css写出的页面
怎么才能达到这种效果
先看源码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/indexcss" />
<title></title>
</head>
<body>
<div>
<h1>春</h1>
<p>盼望着，盼望着，东风来了，春天的脚步近了，一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。
小草偷偷地从土里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回
迷藏。风轻悄悄的，草绵软软的。</p>
<p>桃树、杏树、梨树，你不让我，我不让你，都开满了花赶趟儿。红的像火，粉的像霞，白的像雪。花里带着甜味，闭了眼，树上仿佛已
经满是桃儿、杏儿、梨儿！花下成千成百的蜜蜂嗡嗡地闹着，大小的蝴蝶飞来飞去。野花遍地是：杂样儿，有名字的，没名字的，散在草丛里，
像眼睛，像星星，还眨呀眨的。</p>
</div>
</body>
</html>
div{
height: 600px;width: 416px; /定义盒子高度和宽度/
border: solid 1px red; /border-width, border-style,和border-color/
padding: 115px 4em 0;
/为了避免背景图像重复平铺到边框区域，应禁止他平铺/
background: url(/img/p3jpg) no-repeat;
/设计背景图像的定位坐标点为元素边框上的左上角/
background-origin: border-box; /相对位置/
background-size: cover;
overflow: hidden; /overflow属性指定如果内容溢出一个元素的框，会发生什么。/
/visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。/
}
/定义标题/
div h1{
font-size: 18px; font-family: "幼圆";
text-align: center;
}
/定义文章/
div p{
text-indent: 2em;/text-indent 属性规定文本块中首行文本的缩进/
line-height: 2em;/行高/
font-family: "楷体";
margin-bottom: 2em;
}
后面的细节慢慢挑出来演示一下。
以上就是关于CSS那个背景图片的坐标怎么设置怎么计算的全部的内容，包括:CSS那个背景图片的坐标怎么设置怎么计算的、CSS 背景图片坐标、css定义坐标等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）