效果一：文字居中

cellSpacing=0 cellPadding=0 width=410 align=center

background=http://bbs.guqu.net/UploadFile/2005-1/200512211045825.gif

border=0>

type="vertical" spacer>

size=7>百年愛情

文字在圖片中的位置。由

中的align=center決定。center：表示居中。

效果二：文字居頂(左)

align=center

background=http://bbs.guqu.net/UploadFile/2005-1/200512211045825.gif

border=0>

type="vertical" spacer>

size=7>百年愛情

top：表示文字居頂端。left：表示文字居左。

效果三：文字居底部(右)

height=312 cellSpacing=0 cellPadding=0 width=410 align=center

background=http://bbs.guqu.net/UploadFile/2005-1/200512211045825.gif

border=0>

align=right type="vertical" spacer>

color=red

size=7>百年愛情

bottom：表示文字居底部。right：表示文字居右。

效果四：文字居頂部(右)

cellSpacing=0 cellPadding=0 width=410 align=center

background=http://bbs.guqu.net/UploadFile/2005-1/200512211045825.gif

border=0>

type="vertical" spacer>

size=7>百年愛情

top：表示文字居頂端。right：表示文字居右。

效果五：文字居底部(左)

TABLE height=312 cellSpacing=0 cellPadding=0

width=410 align=center

background=http://bbs.guqu.net/UploadFile/2005-1/200512211045825.gif

border=0>

align=left type="vertical" spacer>

color=red

size=7>百年愛情

bottom：表示文字居底部。left：表示文字居左。

(效果五不好用)

總結

以上是生活随笔為你收集整理的html怎样在一张图片里写字,用HTML代码在图片上写字的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。