首页
学习
活动
专区
圈层
工具
发布

前端常用PS技巧总结之更换图片背景图片

写在前面 嗯,今天我们接着写关于前端试用技巧部分的如果将任务背景图片更换掉,为什么写这个呢?...在上一篇文章的时候我说图片变的透明是很重要的一件事情,那么其实很多的时候啊我们也是需要将图片的背景图片替换掉的,例如:老板说:“TOM”,你看我去旅游了,这个背景是不是不好看,能不能在我的旁边给我P一个美女出来...你怎么说,不能说你不会吧,一个前端连P图都不会怎么行, 所以呢,这个更换人物的背景还是很重要的,今天我们就简单的说一下怎么实现! 首先:我们打开PS ? 第二步:打开一张需要处理的图片 ?...第七步:打开您需要更换的背景图 ? 第八步:将鼠标光标更换为工具栏中的第一个也就是移动工具那里,将图片移动到需要的背景图上 ?

2.4K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【CSS】滑动门技术 ( 借助 CSS 精灵技术实现 | 外部标签设置左半部分背景图片 | 内部标签设置右半部分背景图片 | 鼠标经过更换背景 | 代码示例 )

    将上述 标签设置为 行内块 元素 , 这样 该标签 的长度就取决于内部文本的长度 , 如果给标签设置背景 , 那么该背景只能显示一部分 ; 2、外部标签设置左半部分背景图片...为 标签设置背景图片为上述背景 , 该背景图片右侧就会出现截断 , 右侧的半圆肯定不完整 ; 其背景样式只有一截 , 如下图所示 : a { /* 行内块元素 宽度与内容相关 */...background: url(images/slid_door.png) no-repeat right; /* 撑开右边的盒子 */ padding-right: 15px; } 4、鼠标经过时更换背景...如果鼠标经过 滑动门 时 , 要更换背景 , 要同时将两个背景图片同时更换 ; /* 鼠标经过更换背景 */ a:hover, a:hover span { background-image...url(images/slid_door.png) no-repeat right; /* 撑开右边的盒子 */ padding-right: 15px; } /* 鼠标经过更换背景

    2.3K10
    领券