切片图片背景css，ps切片透明背景

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

css背景图片代码

1、可以在CSS里面用background-image：url(你的图片地址)。这样来加入图片，展现到网页中。

2、然后点击body标签后面输入正文标签内容，例如这是KING这是KING这是KING 这个KING设置20内边距。点击记事本菜单中的文件，选择另存为，把内容保存为html网页格式。双击打开预览效果。

3、通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

4、写入一个div代码操作，如图所示。写入div代码之后，引入一个css样式，如图代码操作所示。引入样式代码之后，打开引入的css.文件，如图所示。在新引入的css文件中，写入css背景图片代码即可，如图所示。

5、创建了div后，我们需要为div添加样式。添加样式我们全部写在CSS文件中，并在html页面中引用。具体的样式入下图所示：我们首先使用了一张为regist.png的图片作为背景，将其设置为背景。将图片作为背景的具体代码入下图所示。

Q1: CSS切图问题,所有背景图标都集合在一张图上,这图是怎么切出来的?求大...

1、所以，背景图片一般需要向左移动，和向上移动，这样移动的值往往都是负的。

2、解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素进行命名，从而提高了网页的制作效率。

3、这是用的css的定位来做的，CSS的背景定位中有。这种方式可以做滑动门啦，就是说文字可以多可以少，背景会随着文字的多少自动伸缩，比较方便。

4、切成整张大图，需要做链接的地方，画上不规则热区就好了！这种比较简单些。

5、其实你可以把所有的图PS成一张，有文字和连接的部分加个透明背景的DIV，用CSS定位就行了。CSS3可以旋转DIV，-webkit-transform： rotate(45deg)；不过IE好象是不支持，可以网上查一下IE旋转问题。

Q2: 如何用PSD切片用CSS+DIV布局,我想知道的是技巧方面的。谢谢了

使用ps切片，切好了保持为 web存储格式弹出的窗口可以设置保持的类型的，可以设置成div加css的如下图：切好片以后，文件保存为web存储文件，就会弹出下面的图片。点击红框的箭头。点击输出设置。

在第2个下拉列框处选择“切片” 选择“生成CSS” 单击“好”→“保存”就可以输出一个目前流行的“div+css”的HTML网页。

这个问题很简单，网上有些比较变态的软件，按照一定的逻辑程序把你切割好的PS文件硬性转化成所谓的XHTML+CSS文件。这样的东西主要是什么都不懂的新手去用。

DIV CSS网站布局的八个小技巧：若有疑问立即检测。在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用。

网页设计师(主要是用PS)先将网页设计出来。进行网页制作，就是切片，div+css布局，将图片变成网页。后台制作。可以自己开发，也可以套用cms，如dedecms，phpcms。等具体步骤就是这样。

解决这个问题的方法如下：新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。

Q3: 用切片的方法将图片转换为html网页(css形式),高手帮忙,,,谢谢了...

先用Photoshop的切片工具切好，然后在另存为web所用格式，就会按照你切片的样式自动布局了。也是基于CSS的，不是是用table布局，不是div+css。div+css布局非常灵活，一般软件无法达到，就算可以，也不会很好。

用切片切好后按住shirt+ctrl+alt+s保存为html和图象。把保存后的网页选择DW打开，就可以了。至于超链接，添加后整个网页保存起来，打开方式为记事本，所以的代码就是你想要的代码了。

用Fireworks的切片工具对图片进行切割，一般单色的部分切割出来，文字部分切割出来，其他的要视情况而定。切割完以后在‘文件’菜单选项‘导出’成html。

保存为web格式时，你要看你用的是什么选项了，如果其中有图片的话可以单独对于图片进行处理后单独保存为gif文件，目前还不可以直接对于html文件处理。

Q4: ...切图是不是一般只切按钮部分?别的比如背景都用CSS实现?

首先，把所有要做链接的图层都隐藏掉，剩下的层，就可以用来切图，整体背景是蓝色，所以css搞定就行。

通俗来讲，把一张设计图利用到切片工具，把自己所需的切成一张张小图，然后用DIV CSS完成静态页面书写，完成CSS布局。

进入导出web所用格式页面，按住shift键把所有切片都选中。导出格式设置为JPEG。最后点击存储就可以了。

在打开的设计图中，选择需要切割的元素，比如按钮、图片、文字等。选择切割工具在Photoshop软件中，有多种切割工具可供使用，比如矩形选框工具、椭圆选框工具、套索工具等。根据需要选择合适的工具。

可点击部件要把相关状态都切图输出，比如正常状态、点击状态。在切图过程中不仅要输出正常状态的切图，更要注意不要遗漏其他状态的切图。

用CSS的背景定位就OK了。比如 background：url(../images/ico.png) no-repeat -20px -100px；如果ico.png就是你给的这张图的话，那么这个背景图片的显示位置就是从这张图的横坐标左移20px.纵坐标上移100px处开始。

关于切片图片背景css和ps切片透明背景的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。