PS中的图形CSS样式使用方法

 时间:2024-10-18 13:16:25

1、如图,下面我们找一个图形,然后对其添加了图层样式,添加了一个阴影的效果

PS中的图形CSS样式使用方法

2、然后我们找到这个图层,然后右键选择复制CSS

PS中的图形CSS样式使用方法

3、复制了css样式后,我们把它复制到一个本文本档中看,懂代码的就会知道这个是代码的style样式属性,直接添加到所用的代码中就可以了

PS中的图形CSS样式使用方法

4、打开一个打代码的工具,在head标签中输入一组style标签

PS中的图形CSS样式使用方法

5、然后将刚才的css样式复制到这个sytle中间区域

PS中的图形CSS样式使用方法

6、只添加了样式,没有作用于目标也是不行的,所以在body中建立一个主题,直接建立一个块状标签即可,如图,然后修改下类名称

PS中的图形CSS样式使用方法

7、然后将文件保存,在浏览器中打开看效果,如图所示,就是在代码中实现的效果展示了,所以即便你不会打代码,ps中也可以直接生成他的样式了。

PS中的图形CSS样式使用方法
  • PS怎么隐藏图层
  • 在PS2020中如何给图片添加旋转扭曲效果
  • 如何使用ps制作燃烧火焰特效
  • 在ps软件中如何使用单行单列选框工具?
  • PS软件怎么画一个皇冠
  • 热门搜索
    向上向善手抄报 关于团结的手抄报 儿童手抄报春节 六一手抄报版面设计图 年俗年韵年文化手抄报 小学生廉洁手抄报 三月文明礼貌月手抄报 走进汉字王国手抄报 家长会手抄报 有关于健康的手抄报