首頁 > web前端 > html教學 > html實作文字繞排範例(html圖文混排)_HTML/Xhtml_網頁製作

html實作文字繞排範例(html圖文混排)_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:38:20
原創
2108 人瀏覽過

 1.文字繞圖

如果我們使用正常的,例如:

複製程式碼
程式碼🎜>


html實作文字繞排範例(html圖文混排)_HTML/Xhtml_網頁製作這裡是普通的。國內的VB網站中vbgood以每日更新,資料量豐富,深受程式愛好者的喜歡。




這樣的語句中圖片比文字高度要高,則文字上部會有空白出現。頁面的效果非常不好。如何解決呢?請看這個程式碼:



複製程式碼
程式碼如下:
程式碼如下:



碼"15" width="200">

html實作文字繞排範例(html圖文混排)_HTML/Xhtml_網頁製作這裡是繞排的。國內的VB網站中vbgood以每日更新,資料量豐富,深受程式愛好者的喜歡。

在img這個元素中加入這個屬性就可以解決:align="center",問題就可以解決了。簡單吧!至於hspace是定義圖片與周圍元素的寬度。於是否繞排無關係。

這有是怎麼作出來的呢?先看這個程式碼:

複製程式碼
程式碼如下:



程式碼如下:



國內的VB網站中vbgood以每日更新,資料量豐富,而深受程式愛好者的喜歡。 (End)
這樣的效果又要怎麼實現呢?
複製程式碼


程式碼如下:



在 b>
國內的VB網站中vbgood以每日更新,資料量豐富,而深受程式愛好者的喜歡。 (End)


這段程式碼就說明了,聰明的你一看就知道了,只要把要放大的字放在這個table中就可以了。
但現在如果我要讓文字有背景色,有怎麼辦呢?哈,你真聰明,在table中加bgcolor屬性,這樣:
複製程式碼


程式碼如下:



國內的VB網站中vbgood以每日更新,資料量豐富,而深受程式愛好者的喜歡。 (End)
但能出來嗎?是不能,還要加東西呢(我記得下次不要這麼快回答:),這樣:
複製程式碼


程式碼如下:
國內的VB網站中vbgood以每日更新,資料量豐富,而深受程式愛好者的喜歡。 (End)
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板