[CSS] 拍立得樣式照片框

參考自 Royboy Weblog 拍立得樣式的精緻照片框

<div style="width:400px;padding:10px 10px 20px 10px; border-width:1px 2px 2px 1px; border-style:solid; border-color:black; background:white;float:right;"><img src="圖片路徑" width="400px" style="border:1px solid #999999" /><p style="margin:4px 0; font:7pt/180% verdana;letter-spacing:1px;color:#999999;text-align:right">照片描述<br>照片日期<br>photo by</b></p></div>

修改紅字部份的 width 為圖片的寬度並+20
加入圖片路徑及照片描述/日期/名稱後即可

Bookmark to del.icio.usBookmark to furlBookmark to Blinklist

3 Responses to “[CSS] 拍立得樣式照片框”


  1. 要修改那邊可以將照片呈現縮小?

  2. 修改第一行的 width
    以及 img 標籤裡的 width
    (文章裡沒寫出來,已修正!)

  3. 回覆的這麼快,真是專業..^^感謝