ai中有CSS屬性工具,該怎么使用這個工具呢?下面我們就來看看CSS的基本用法,請看下文詳細介紹。
1、在Illustrator中隨意做一個圖形,如圖,給圖形添加了漸變效果,這個漸變就是CSS樣式

2、然后打開窗口中的CSS屬性,打開屬性面板

3、當我們點擊這個圖形,在css屬性面板中就會出現他的css效果,如圖所示,是一竄的代碼

4、我們可以將右側的代碼選中復制出來,或者點擊下面的文件導出按鈕將其導出

5、然后打開HTML代碼的軟件,將這個樣式復制到里面style樣式中,如圖所示,然后在下面的body中輸入一個主體

6、另外,css樣式中只是給了物體的漸變樣式等,并沒有給出物體的寬高屬性,所以我們要自己給圖形添加上寬高屬性
 
 
7、當我們保存后,在瀏覽器中就可以看到漸變效果添加到了自己的文件中了,如圖所示。

8、在工作區中,鼠標點擊哪個圖塊,右側的css屬性中就會顯示對方的css樣式

以上就是ai設置CSS屬性的教程,希望大家喜歡,請繼續關注武林網。
新聞熱點
疑難解答
圖片精選