8.
這是測(cè)試文字
這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字
<DIVstyle="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1pxsolid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px;SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT:#216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff;COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT:20px; SCROLLBAR-ARROW-COLOR: #216dad; SCROLLBAR-TRACK-COLOR:#ffffff; BORDER-BOTTOM: #216dad 1px solid;SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff;HEIGHT: 80px">
<P>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV>
9.
這是測(cè)試文字
這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字
<TABLE cellSpacing=0 cellPadding=0background=圖片地址 border=0>
<TBODY>
<TR>
<TD>
<DIV style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px;SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT:#216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff;COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT:20px; SCROLLBAR-ARROW-COLOR: #216dad; SCROLLBAR-TRACK-COLOR:#ffffff; BORDER-BOTTOM: #216dad 1px solid;SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff;HEIGHT: 80px">
<P>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV></TD></TR></TBODY></TABLE>
10.
這是測(cè)試文字
這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字
<TABLEcellSpacing=0 cellPadding=0 background=圖片地址 border=0>
<TBODY>
<TR>
<TD>
<DIV style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; FILTER:chroma(COLOR=#ffffff); SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;OVERFLOW: auto; BORDER-LEFT: #216dad 1px solid; WIDTH: 120px;SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #216dad;SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px;SCROLLBAR-ARROW-COLOR: #216dad; SCROLLBAR-TRACK-COLOR: #ffffff;BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR:#ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 80px">
<P>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV></TD></TR></TBODY></TABLE>
11.
這是測(cè)試文字
這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字
<DIVstyle="word-break:keep-all;BORDER-RIGHT: 1px solid; BORDER-TOP: 1pxsolid; FONT-SIZE: 12px; OVERFLOW: auto; BORDER-LEFT: 1px solid;WIDTH: 120px; LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid; HEIGHT:80px">
<P>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV>
13.
這是測(cè)試文字
這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字
<TABLEcellSpacing=0 cellPadding=0 background=圖片地址 border=0>
<TBODY>
<TR>
<TD>
<DIV style="DIRECTION: rtl;BORDER-RIGHT: #216dad 1px solid;BORDER-TOP: #216dad 1px solid; SCROLLBAR-FACE-COLOR: #ffffff;FONT-SIZE: 12px; FILTER: chroma(COLOR=#ffffff);SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT:#216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff;COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT:20px; SCROLLBAR-ARROW-COLOR: #216dad; BORDER-BOTTOM: #216dad 1pxsolid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR:#ffffff; HEIGHT: 80px">
<DIV style="DIRECTION:ltr"><P>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV></DIV></TD></TR></TBODY></TABLE>
說明:
v 必須在html編輯狀態(tài)下編輯代碼。
v簡(jiǎn)單的文本框是通過DIV實(shí)現(xiàn)的,包含背景圖片的文本框是通過將DIV嵌入到Table中實(shí)現(xiàn)的。
v主要通過對(duì)DIV的Style屬性來控制樣式,主要設(shè)置如下:
overflow(溢出控制):visible(默認(rèn),可見)、auto(自動(dòng))、scroll(顯示滾動(dòng)條);
width(寬度):數(shù)值;
height(高度):數(shù)值;
color(字體顏色):色彩代碼;
font-size(字體大?。簲?shù)值;
line-height(行高):數(shù)值;
border(邊框):寬度、類型和顏色,類型主要支持以下幾種:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;
font-weight(字體粗細(xì)):normal、bold、bolder、lighter;
font-family(字體類型):Arial、Tahoma、Verdana、仿宋_GB2312、黑體、楷體_GB2312、隸書、宋體、幼圓;
background(背景顏色):色彩代碼;
scrollbar-base-color,scrollbar-face-color,scrollbar-track-color,scrollbar-darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar-3dlight-color,scrollbar-arrow-color(滾動(dòng)條各部分的顏色):色彩代碼;
filter:chroma(COLOR=轉(zhuǎn)換成透明的顏色)(chroma過濾器):色彩代碼,該顏色將轉(zhuǎn)換成透明效果;
word-break(斷字):normal(默認(rèn),正常斷字)、keep-all(嚴(yán)格不斷字)、break-all(嚴(yán)格斷字);
direction(文字方向):ltr(默認(rèn),從左向右)、rtl(從右向左)。
★ 置入博客的方法:
1. 進(jìn)入編輯→2.排版→3. 模塊→
4. 添加自定義html(顯示)(出現(xiàn)在網(wǎng)頁左下角)→
5. 復(fù)制下列語法後貼上→6. 新增→
7. 將模塊移到想顯示的位置→8.再保存(右上角)→
9. 預(yù)覽我的博客。→10.就可以看到出現(xiàn)在你的博客上了!