黑海中的璀璨(pixnet站)

roy想必是個喜愛美工的爸爸,總是會寫一些美美又實用的css樣式語法來妝點他家寶貝女兒vivi的photo.剛才看了他詳細解說,效果超正點的.but~~!!我又發現我得再修改修改手繪框跟photo size 需match成 一致.一時lazy啦,乾脆直接用powerpoint 編寫,另存圖片再上傳到blog,一個cute photo完成了,這算不算是另一種懶人變通法ㄌㄟ?!...

ㄏㄏ..下次再套用roy正統語法試試看..

=================================================== 以下文為roy簡單說明美框steps:

Step 1.
先準備兩張圖檔，分別為主要的照片及畫好的手繪框框...那兩張圖片的寬度與高度最好是一樣的.

Step 2.
接下來要做的只是加入一段短短的語法即可，如下:

手繪樣式圖檔路徑" style="background:url(主要照片圖檔路徑) no-repeat" align="Right">

Step 3.
語法的解釋是這樣的....

紅字各為圖片的路徑，那藍字則是控制圖片位置的語法，
手繪樣式圖檔路徑" 這段的意思指~將手繪樣式圖檔插入頁面中...

style="background:url(主要照片圖檔路徑) no-repeat" 這段則是 CSS 樣式語法，意思是...圖片的風格樣式為將背景圖放入"主要照片圖檔"，並不要重覆顯示(no-repeat)

最後，align="Right" 意思是告訴圖片靠右對齊(right)，如此便可有圖片靠右並且文字繞圖的效果了.. ===================================================