PS处理好的图片用DW如何生成CSS格式

PS处理好的图片用DW如何生成CSS格式,第1张

新建文件夹web,web文件夹内新建swf、css、、images三个文件夹

swf内放动画文件,images内放文件,css内放css文件

打开DW软件,新建站点,站点路径设为web文件夹内

新建html文件和css文件

然后在html里链接css文件

然后进行编辑网页

没有什么简单的办法,人工 *** 作,不然也不会有这么多人去学div+css

熟记代码和单词!

个人觉得,切图的并不是有什么固定的方法,最多是一些技巧性的东西。就像你说这个切下来做背景,网站有背景是没有问题的,但是哪个是背景,你得问清楚需求了,别到时候有些东西不是背景的你也给切在里面了。也就达不到你说的替换了。你说这个方法不是说不行,你的明确那些是背景,而且有些背景是分块的,并不是整个网页就是一个背景,所以你最好找设计师问清楚,省得重复的返工修改。

用绝对定位

background-position: -186px -22px; 定位背景的具体位置

比如你这个整体图, 是一张背景 , 你就可以通过 background-position:XX

来定位 这个张背景图的具体显示那块内容 可以去试试网上很多素材

光靠字面理解很难,最好自己动手实践

方法一:

<div style="width:600px;height:200px;background:url(路径中间部分切成1px宽) repeat-x">

<img src="路径左圆角" style="float:left"/>

<img src="路径右圆角" style="float:right"/>

</div>

方法二:

<div style="width:600px;height:200px;background:url(中间部分切成1px宽)">

<div style="background:url(路径左圆角) no-repeat;float:left;width:左圆角宽px;height:左圆角高px">

<div style="background:url(路径右圆角) no-repeat;float:right;width:右圆角宽px;height:右圆角高px">

</div>

注:切图时,圆角一定要连着圆角外的白色部分一起切,中间填充部分可以只切1px宽,实际高度进行填充

以上就是关于PS处理好的图片用DW如何生成CSS格式全部的内容,包括:PS处理好的图片用DW如何生成CSS格式、html/css网页排版的一种方法,大神们帮我看看是否可行,打开psd格式的效果图。把需要的文字和、css问题!如何提取图片中的一部分等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9607105.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存