网页设计CSS 这种图片是怎么用的

发布网友发布时间：2022-04-21 04:57

我来回答

共5个回答

热心网友时间：2022-06-18 02:34

这个+号可以用于更多什么的。。

搜索类的提交按钮。

然后，楼上的兄弟也提到了。可以减少客户端和服务器的连接次数。

用一张图片代替所有的背景图。

background:url(XXX.png) norepeat 0 -10px;

则中就可以选中离头部20px的那部分了。

热心网友时间：2022-06-18 02:35

<!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文件，内容如上；

效果如下：

望采纳 :)

热心网友时间：2022-06-18 02:35

图片的定位和切图
<!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为你图片的名称
这句代码就是选择的你的第一个图片的“对号”那一块。

热心网友时间：2022-06-18 02:36

是可以通过background样式截图png图的不同位置在网页上呈现不同的图像以达到想要的效果

热心网友时间：2022-06-18 02:36

css的定位，一般是一张大图片里面有很多小图片，定好宽高，定位到那块的