网页设计CSS 这种图片是怎么用的
发布网友
共5个回答
热心网友
这个+号可以用于更多什么的。。
搜索类的提交按钮。
然后，楼上的兄弟也提到了。可以减少客户端和服务器的连接次数。
用一张图片代替所有的背景图。
background:url(XXX.png) norepeat 0 -10px;
则中就可以选中离头部20px的那部分了。
热心网友
<!Doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>标题</title>
<style>
.show-pic{
background: url('./pic.jpg') no-repeat; /* 集成图片 */
width: 18px; /* 宽高表示你要显示的尺寸 */
height: 18px;
background-position: 0px -35px;/* 用来定位你要显示图片的哪一部分 */
}
</style>
</head>
<body>
<div class="show-pic"></div>
</body>
</html>
1、保存图片为pic.jpg；
2、在同一目录下，建立html文件，内容如上；
效果如下：
望采纳 :)
热心网友
图片的定位和切图
<!doctype HTML>
<html>
<head>
<style type="text/css">
.image1{float:left;background:url(xxx.jpg) no-repeat 0 0;width:18px;height:18px;background-position:0px -37px;position:absolute;}
</style>
</head>
<body>
<div class="image1"></div>
</body>
</html>
xxx.jpg为你图片的名称
这句代码就是选择的你的第一个图片的“对号”那一块。
热心网友
是可以通过background样式截图png图的不同位置在网页上呈现不同的图像以达到想要的效果
热心网友
css的定位，一般是一张大图片里面有很多小图片，定好宽高，定位到那块的
