雨後的一道彩虹-藍寶

語法如下:

width:232px;padding:10px 10px 20px 10px; border-width:1px 2px 2px 1px; border-style:solid; border-color:black; background:white;float:right;">圖片路徑" style="border:1px solid #999999" />

照片描述
照片日期
photo by ???

分別修改紅字部份的width:為圖片的寬度並+20，加入圖片路徑及照片描述/日期/名稱後即可!
　
密密麻麻的是吧! 我們拆開來看囉!
拿掉CSS的樣式描述後，是這樣的....

藍色部份為圖片的語法加樣式...
紅色的部份為文字描述的區塊語法...
而最外層的 DIV 區塊就是描述大體樣式的關鍵囉!
　
最外層的 DIV 區塊的 CSS 描述分解(也就是""內的語法):
width:212px; padding:10px 10px 20px 10px; border-width:1px 2px 2px 1px; border-style:solid; border-color:black; background:white; float:right; 　
藍色部份的 img 圖片語法中，
Style="" 的 CSS 描述分解(也就是""內的語法):
border:1px solid #999999; 　
紅色的部份的 p 文字描述區塊中，
Style="" 的 CSS 描述分解(也就是""內的語法):
margin:4px 0; font:7pt/180% verdana; letter-spacing:1px; color:#999999; text-align:right;

                                                                                    ----轉錄至royboy weblog----