文字與圖片的幾種排版用法常常有朋友問我怎么在圖片左邊和右邊插入文字和在圖片加上文字，現在簡單的跟大家說一下：1把圖片放在文字的左邊：在圖片右邊寫文字的源代碼：PIMGheight=201hspace=30src="圖片連接地址"width=154align=leftborder=0FONTface=Arial你要輸入的文字/FONT/Pheight=是圖片高度,width=是圖片寬度，hspace二是與文字之間的距離，可以自己調整數值,2把圖片放在文字的右邊在圖片左邊寫字的源代碼：PIMGheight=201hspace=30src="圖片連接地址"width=154align=rightborder=0FONTface=Arial 你要輸入的文字/FONT/Pheight=是圖片高度,width=是圖片寬度，hspace二是與文字之間的距離，可以自己調整數值3圖片上寫字代碼DIV/DIVDIValign=centerTABLEheight=300width=400TBODYTRTDstyle="BACKGROUND-POSITIONCentercenter;BACKGROUND-REPEAO-repeat"vAlign=centeralign=middlebackground=圖片地址FONTcolor=#ff0000文字BR文字/FONTBR/TD/TR/TBODY/TABLE/DIVDIV/DIV實例:看到現在頁面的效果了嗎？讓圖片和文字左右分開排列，有的時候真的是很需要這個效果。其實處理起來很簡單，使用一小段代碼就可以了。代碼：imgsrc="圖片地址"align="left"用法：在”顯示源代碼”狀態(tài)下（打勾）粘貼上面的代碼一一用你的圖片地址代替上面的文字一一恢復到正常編輯狀態(tài)一一在圖片另一側編輯文字。如果你想把圖片放在文字的右側，可以用這個代碼： imgsrc="圖片地址"align="right"有的圖片比較大，用起來不方便，所以我改了一下代碼，可以更改圖片的大小，代碼是這樣的：imgsrc="圖片地址"width=250height=200align="left"紅色的數字可以根據自己的需要更改。一、在任意圖片上寫字的代碼：1、首先將要在上面寫文章的圖片上傳，得到 URLM址，然后將得到的URL地址帶入到以下代碼中TABLEwidth=650cellSpacing=1cellPadding=1bgColor=#005F01border=1TBODYTRTDbackground=藍色：為圖片地址粉色：為圖片寬度綠色：為框的顏色代碼 （不需要框，將1改為0）2、將鼠標放在圖片上按"回車鍵”任意選擇長度，直接復制圖片在底圖上。3、再設定文本框在圖片里，設定文本框寬度，在文本框里直接書寫文章。二、在任意照片上寫字的代碼：1、首先將要在上面寫文章的圖片上傳，得到 URLM址，然后將得到的URL地址帶入到以下代碼中TABLEwidth=500cellSpacing=1cellPadding=1height=375border=1TBODYTRTDbackground=藍色：為圖片地址粉色：為圖片寬度綠色：為圖片的高度 （不需要本g,將1改為0）2、再設定文本框在圖片里，設定文本框寬度，在文本框里直接書寫文章。3、文本框里的1一定要改成00三、在照片上全屏移動文字的代碼：TABLEborderColor=#cd5c5cheight=600width=650align=centerborder=3TBODYTRTDbackground=MARQUEEscrollAmount=3direction=downbehavior=alternateheight=400MARQUEEscrollAmount=3behavior=alternatewidth=500Palign=centerFONTcolor=redsize=6B圖片上的文字/B/FONT/P/MARQUEE/MARQUEE/TD/TR/TBODY/TABLE單擊文字,調整文字飄動范圍！width為浮動文字框架的寬度；height為浮動文字框架的高度；color=red表示文字顏色為紅色（請在網上查詢顏色代碼再修改。圖片上的文字在照片上由下往上移動文字的代碼：TABLEheight=500width=650background=border=0TBODYTRTDalign=middleMARQUEEscrollAmount=2direction=upheight=200CENTERFONTstyle="FONT-SIZE:32pt"face=華文新魏color=redB加入文字/B/FONT/CENTER/MARQUEE/TD/TR/TOBDY/TBODY/TABLECENTER/CENTER藍色：為照片地址；紅色：照片高度；粉色：照片寬度；綠色：加入文字。加入文字在照片旁邊寫文字的代碼：圖片靠左邊的代碼，這樣文字就可以寫在圖片的右邊了！PIMGsrc="圖片連接地址"height=100width=100align=left 文章內容BRBRclear=left/P代碼說明：height=100width=100是圖片的高和寬實際上不用調整數值，單擊圖片就可以拉動圖片修改大?。lign=left文字在右邊圖在左邊修改成align=right文字在左邊圖在右邊在照片上由下往上移動文字走走停停的代碼：DIValign=centerFIELDSETstyle="WIDTH:336px;HEIGHT302px"DIValign=centerMARQUEEstyle="WIDTH:280px;HEIGHT240Px”scrollAmount=1direction=upbehavior=alternatewidth=210height=240EMBEDstyle="FILTER:invert();WIDTH70px;HEIGHT25px"src=type=audio/mpegvolume="0"loop="true"autostart="teue"ShowStatusBar="1"

MARQUEEstyle="WIDTH288px;HEIGHT154Px"scrollAmount=1direction=upwidth=288height=154FONTstyle="FONT-SIZE:13pt;FILTERAlpha(opacity=100,style=2)"face=華文行楷color=#abc111FONTsize=4圖片上的文字/FONT/FONT/MARQUEE/MARQUEE/DIV/FIELDSET/DIV文章滾動條代碼滾動條樣式主要涉及到如下CSSH性：overflow屬性：檢索或設置當對象的內容超過其指定高度及寬度時如何顯示內容overflow:auto；在需要時內容會自動添加滾動條overflow:scroll；總是顯示滾動條overflow-x:hidden;禁止橫向的滾動條overflow-y:scroll；總是顯示縱向滾動條width:568px；width:98%設置區(qū)域的寬度［像素/百分比等等］height：120px；設置區(qū)域的高度［像素/百分比等等］scrollbar-base-color:#006699;設置基色設置該選項后可以不設置下面的屬性，瀏覽器會依據基色自動調整scrollbar-track-color:rgb(10,100,254)；底板軌跡顏色scrollbar-3dlight-c010r:;上/左邊沿亮邊顏色

scrollbar-3dlight-c010r:;上/左邊沿亮邊顏色scrollbar-arrow-color:scrollbar-arrow-color:;兩端箭頭顏色scrollbar-darkshadow-color:;下/右邊沿顏色scrollbar-face-color:；表面顏色scrollbar-highlight-color:;上/左斜面亮邊框顏色scrollbar-shadow-color:;下/右斜面暗邊框顏色顏色設置可參考下列工具：我們可以改變上邊的顏色代碼部分，自定義出自己喜歡的樣式。要選擇CSS的方式輸出代碼，得到的代碼要經過更改，我們只要顏色的設置部分。如生成：styleBODY{SCROLLBAR-ARROW-COLORFFFFFSCROLLBAR-FACE-COLOR0FF00;SCROLLBAR-DARKSHADOW-COOTFF00;SCROLLBAR-HIGHLIGHT-CQLOR0FF0QSCROLLBAR-3DLIGHT-COLOR0FF00;SCROLLBAR-3DLIGHT-COLOR0FF00;SCROLLBAR-SHADOW-COLORFF0QSCROLLBAR-TRACK-COLORCCCCC}/style我們只要括號里的東西。SCROLLBAR-ARROW-COLORFFFF

SCROLLBAR-FACE-COLOR0FF00;SCROLLBAR-DARKSHADOW-COOTFF00;SCROLLBAR-HIGHLIGHT-CQLOR0FF0QSCROLLBAR-3DLIGHT-COLOR0FF00;SCROLLBAR-3DLIGHT-COLOR0FF00;SCROLLBAR-SHADOW-COLORFF0QSCROLLBAR-TRACK-COLORCCCCC標準的滾動條代碼：divstyle="overflow:auto；width:98%height:100px；line-height15px；border-width:1px；border-color:#ffccff；border-style:dotted;scrollbar-base-color:#ff66ff;scrollbar-face-color:none；scrollbararrow-color:none；scrollbar-track-color:#ffefff；scrollbar-3dlight-color:#ffffff；scrollbar-darkshadow-color:#ffffff；scrollbarhighlight-color:#f5d8f5;scrollbar-shadow-color:#e5c8e5"br/div這里為文字輸入區(qū)br/這里為文字輸入區(qū)br/這里為文字輸入區(qū)br/這里為文字輸入區(qū)br/這里為文字輸入區(qū)br/br/br//div/div文字滾動的公告欄代碼'、代碼：CENTERTABLEwidth=190border=0TBODYTRTDbackground=hS圖片地址（也可不放背景圖片）DIValign=centerDIVstyle="OVERFLOW:auto；WIDTH159px;HEIGHT145px”Palign=centerMARQUEEscrollAmount=1scrollDelay=60direction=upheight=60FONTcolor=#ff0000size=3 公告內容br各位博友：br由于時間的關系br不能——回復br請原諒/FONT/MARQUEE/P/DIV/DIV/TD/TR/TBODY/TABLE/CENTER二、效果：公告內容各位博友：由于時間的關系不能一一回復請原諒一、左圖右文混排代碼：TABLEstyle="BORDER-COLLAPSEsollapse"cellSpacing=0cellPadding=0width=410border=0TBODYTRTDwidth=197IMGheight=150src="圖片地址"width=200border=0/TDTDvAlign=topwidth=200rowSpan=3Palign=rightFONTcolor=#808080BR這里寫文字BR./FONTFONTsize=2/FONT/PPalign=left/P/TD/TR/TBODY/TABLE說明：1.height=是圖片高度,width=是圖片寬度2.br是換行。FONTsize=2代表字體的大小，數字越大，二、看看效果吧：AAAAAAA