<wbr id="fyfl4"></wbr>

          <sub id="fyfl4"><address id="fyfl4"></address></sub>

                <wbr id="fyfl4"></wbr>
                <sub id="fyfl4"></sub>

                
                

                <nav id="fyfl4"></nav>
                <form id="fyfl4"></form>
                <nav id="fyfl4"></nav>
                  1. 當前位置:首頁 > 網站教程 > 內容列表

                    HTML如何實現文字環繞圖片

                    點擊次數:更新時間:2018-03-19 21:03:23【打印】【關閉】

                    一般繞排有這樣幾種:文字繞圖,文字繞文字等。我想講的就是這兩種。好吧,開始!

                    1.文字繞圖

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



                    <TABLE cellpadding="15" width="200">
                    <TR>
                    <TD bgcolor="#EEEEFF"><IMG src="test.gif" hight=60>這里是普通的。國內的VB網站中vbgood以每日更新,資料量豐富,而深受程序愛好者的喜歡。</TD>
                    </TR>
                    </TABLE>


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



                    <TABLE cellpadding="15" width="200">
                    <TR>
                    <TD bgcolor="#EEEEFF"><IMG src="test.gif" hspace="1" align="LEFT" hight=60>這里是繞排的。國內的VB網站中vbgood以每日更新,資料量豐富,而深受程序愛好者的喜歡。</TD>
                    </TR>
                    </TABLE>



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


                    這有是怎么作出來的呢?先看看這個代碼:

                     


                    <table align=left cellspacing=0 cellpadding=0 width=200 border=1>
                    <tr>
                    <td><table align=left cellspacing=0 cellpadding=0><font color=red size="5"><b>在</b></font> </table>國內的VB網站中vbgood以每日更新,資料量豐富,而深受程序愛好者的喜歡。(End)</td></tr>
                    </table>



                    這樣的效果又怎么實現呢?



                    <table align=left cellspacing=0 cellpadding=0 width=200 border=1>
                    <tr>
                    <td><table align=left cellspacing=0 cellpadding=0><font color=red size="5"><b>在</b></font>
                    </table>國內的VB網站中vbgood以每日更新,資料量豐富,而深受程序愛好者的喜歡。(End)</td></tr>
                    </table>



                    這段代碼就說明了,聰明的你一看就知道了,只要把要放大的字放在這個table中就可以了。

                    但現在如果我要讓文字有背景色,有怎么辦呢?哈,你真聰明,在table中加bgcolor屬性,這樣:



                    <table align=left cellspacing=0 cellpadding=0 width=200 border=1>
                    <tr>
                    <td><table align=left cellspacing=0 cellpadding=0 bgcolor=#C0C0C0><font color=red size="5"><b>在</b></font></table>國內的VB網站中vbgood以每日更新,資料量豐富,而深受程序愛好者的喜歡。(End)</td></tr></table>



                    但能出來嗎?是不能,還要加東西呢(記得下次不要這么快回答哦:),這樣:



                    <table align=left cellspacing=0 cellpadding=0 width=200 border=1>
                    <tr>
                    <td><table align=left cellspacing=0 cellpadding=0 bgcolor=#C0C0C0><td><font color=red size="5"><b>在</b></font></td></table>國內的VB網站中vbgood以每日更新,資料量豐富,而深受程序愛好者的喜歡。(End)</td></tr></table>

                     

                    空間、網站業務聯系QQ:2429256177 郵箱:beescms@163.com
                    客服

                    工作時間

                    周一至周日

                    8:00 - 18:00

                    在線客服

                    點擊這里給我發消息 BUG反饋

                    點擊這里給我發消息 網站建設

                    點擊這里給我發消息 域名空間

                    點擊這里給我發消息 授權服務

                    點擊這里給我發消息 售前咨詢

                    點擊這里給我發消息 意見反饋

                    點擊這里給我發消息 銷售客服

                    聯系手機

                    18288433386

                    真正赚钱游戏-电脑兼职赚钱日结
                    powerd by BEESCMS