(技巧一: 用css 於圖片上加字)
想讓文字出現在圖片之上嗎?
你可以用圖形編輯器 在圖片加上文字，另存新檔
或者用php的函式，手動為圖片加字.
使用圖檔內嵌文字會受到圖片壓縮的影響，讓字體看起來模糊，另外，這個方法也有文字修改不易的問題。若用在浮水印，或避免其他人盜用做版權聲明還可以接受。
但如果你只是要簡單加上一些字.可以考慮用css方法。 方法很簡單，利用div 包裝一段文字.
再用css中 background-image 屬性值 : url(...jpg);的方法來做.
甚至可以用兩層的div 來加強控制文字的排版( position:relative)
詳細的報導看這裡(eng)
(技巧二: 三欄式 版面設計)
想設計三欄式版面，卻不知道怎麼做ㄇ，這個也很簡單，利用div 區塊，區隔出版面，再用
float: left /right 屬性; 區隔出靠左和靠右的版面.
另外，利用clear: both; 屬性，將 left ,right div block 區隔出來，以避免跟header區塊，與 footer區塊打架。
詳細的文章，請看這(eng)
另外，我很好奇的是如何設定 print css layout. 而又不會跟 view layout 打架?
是media: type 那邊設定ㄇ 還是怎樣?
沒有留言:
張貼留言