PS中的圖形CSS樣式使用方法
在PS中的屬性中有個CSS樣式,這個是什么東西呢,很多小伙伴們不懂,這個CSS是代碼的修飾屬性,在代碼中使用,也就是說我們所給圖形添加的圖形樣式屬性可以直接添加到代碼中哦。圖層樣式添加首先,我們找一個
在PS中的屬性中有個CSS樣式,這個是什么東西呢,很多小伙伴們不懂,這個CSS是代碼的修飾屬性,在代碼中使用,也就是說我們所給圖形添加的圖形樣式屬性可以直接添加到代碼中哦。
圖層樣式添加
首先,我們找一個圖形,然后對其添加了圖層樣式,例如添加了一個陰影的效果。
復制CSS樣式
然后,我們找到這個圖層,右鍵選擇復制CSS。這樣就將該圖層的CSS樣式復制到剪貼板中了。
粘貼到文本編輯器
接下來,將剛才復制的CSS樣式粘貼到一個文本編輯器中觀看。懂代碼的人會知道這是CSS的style樣式屬性,可以直接添加到所用的代碼中。
在HTML文件中引入CSS樣式
打開一個代碼編輯工具,在head標簽中輸入一組style標簽,然后將剛才的CSS樣式復制到style標簽中間區(qū)域。
為目標添加樣式
只添加樣式而沒有作用于目標是不行的,所以在body中建立一個主題,直接建立一個塊狀標簽即可。然后修改相應的類名稱。
保存并查看效果
最后,將文件保存,并在瀏覽器中打開查看效果。你會發(fā)現,通過在PS中設計的樣式已經在代碼中實現了。
通過這種方法,即使你不會寫代碼,也可以直接利用PS生成你想要的樣式,并輕松地應用于網頁中。