ai怎么使用CSS属性面板?

所属分类: 平面设计 / Illustrator教程 阅读数: 1112
收藏 0 赞 0 分享

ai中有CSS属性工具,该怎么使用这个工具呢?下面我们就来看看CSS的基本用法,请看下文详细介绍。

1、在Illustrator中随意做一个图形,如图,给图形添加了渐变效果,这个渐变就是CSS样式

2、然后打开窗口中的CSS属性,打开属性面板

3、当我们点击这个图形,在css属性面板中就会出现他的css效果,如图所示,是一窜的代码

4、我们可以将右侧的代码选中复制出来,或者点击下面的文件导出按钮将其导出

5、然后打开HTML代码的软件,将这个样式复制到里面style样式中,如图所示,然后在下面的body中输入一个主体

6、另外,css样式中只是给了物体的渐变样式等,并没有给出物体的宽高属性,所以我们要自己给图形添加上宽高属性

 

7、当我们保存后,在浏览器中就可以看到渐变效果添加到了自己的文件中了,如图所示。

8、在工作区中,鼠标点击哪个图块,右侧的css属性中就会显示对方的css样式

以上就是ai设置CSS属性的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

AI2018首选项的常规命令怎么设置?

AI画板怎么设置名称? ai画板命名的教程

ai怎么设置文字字体? ai设置字体的教程

更多精彩内容其他人还在看

ai怎么绘制一个灯泡标志的logo?

ai怎么绘制一个灯泡标志的logo?ai中想要画一个电灯泡图形,该怎么绘制电灯泡呢?下面我们就来看看ai画电灯泡图形的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么设计一款滑板产品?

ai怎么设计一款滑板产品?喜欢玩滑板,想要设计一款滑板产品图,该怎么绘制呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么绘制粉色的心形标签?

ai怎么绘制粉色的心形标签?ai中想要设计一款漂亮的标签,该怎么设计粉色的心形标签呢?下面我们就来看看ai设计心形标签的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么画一个黄色的大南瓜? ai南瓜的画法

ai怎么画一个黄色的大南瓜?ai中想要画一个南瓜,该怎么花卡通效果的南瓜图形呢?下面我们就来看看ai南瓜的画法,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么画一只胖胖的红辣椒?

ai怎么画一只胖胖的红辣椒?ai中想要画一只红辣椒,该怎么画胖胖的红色辣椒呢?下面我们就来看看ai辣椒矢量图的画法,需要的朋友可以参考下
收藏 0 赞 0 分享

AI怎么制作公司用的渐变名片?

AI怎么制作公司用的渐变名片?ai中想要设计一款公司名片,该怎么制作渐变效果的名片呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

AI怎么精确调整图形大小? ai等比例调节图形的教程

AI怎么精确调整图形大小?ai中想要等比例调整图形大小,该怎么调整嗯?下面我们就来看看ai等比例调节图形的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么设计一把琵琶图标? ai琵琶的画法

ai怎么设计一把琵琶图标?ai中想要绘制一把琵琶乐器,该怎么画琵琶呢?下面我们就来看看ai琵琶的画法,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么绘制飞行员墨镜? ai墨镜的画法

ai怎么绘制飞行员墨镜?夏天我们经常戴墨镜,该怎么绘制好看的飞行员墨镜呢?下面我们就来看看ai墨镜的画法,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么绘制石器时代项链图标?

ai怎么绘制石器时代项链图标?ai中想要绘制一个石器时代项链图标,该怎么绘制呢?下面我们就来看看ai设计石器时代项链图标的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多