Illutrator如何复制CSS样式

2025-06-04 08:59:28

1、单击CSS属性面板底部的“复制所选项目样式”按钮。这将复制当前显示在面板中的CSS代码。将选择多个对象,并次复制它们所有的 CSS代码。

Illutrator如何复制CSS样式

2、使用选择工具单击以选中文本下层的白色圆角矩形。按住Shift键,在单击白色矩形上层的深灰色sidebar矩形烫喇霰嘴(注意不是文本或图像)。在CSS属性面板中,将不会出现CSS代码。这是因为选中了多个对象来生成代码。

Illutrator如何复制CSS样式

3、单击面板底部的“生成CSS”按钮。两个CSS样式的代码stO和.st1,将出现在CSS属性面板。这样可以将这些样式复制、粘贴到HTML编辑器中,或将它们粘贴到email中以发送到web开发工具。

Illutrator如何复制CSS样式

4、使用选择工具单击以选中画板底部的橘色圆形。

Illutrator如何复制CSS样式

5、单击以选中其他图稿,如橘色圆形左侧或右侧的花式线条。这些也将会作为PNG图像导出。

Illutrator如何复制CSS样式

6、选择菜单“选择”>“取消选择”。

Illutrator如何复制CSS样式

7、按住Shift键,单击橘色圆形和两侧的花式线条以选择这3个对象。单击CsS属性面板底部的“生成CSS”按钮,以生成所选图稿的CSS代码。

Illutrator如何复制CSS样式

8、选择菜单“对象”“编组”,将选中的3个对象编组。保留该对象组为选中状态,在CSS属性面板中,注意到此时显示的是一个单一的CSS样式。

Illutrator如何复制CSS样式
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢