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