<DIV>...</DIV>代碼的使用

<DIV>...</DIV>代碼的使用原始狀態：<DIV>日誌內容（文字或圖片）</DIV>此為<DIV>...</DIV>代碼的最基本格式，尺寸最大化。在代碼 <DIV style="..." >日誌內容</DIV> 中的style="..." 引號之內加入相關代碼，則產生風格變化。style為風格。代碼1：<DIV style="border-style:solid; border-width: 8px; border-color:#008080; BACKGROUND-COLOR: #333333; MARGIN: 0px auto; WIDTH: 600px; HEIGHT: 540px; OVERFLOW: hidden">日誌內容</DIV>說明：四邊框寬度：border-style:solid;border-width: 8px;四邊框顏色：border-color: #008080;背景顏色：BACKGROUND-COLOR: #333333; （去掉此代碼為透明背景）上下移位：MARGIN: 0px auto; （數字為0時，模塊居中，與上面的模塊為0距離；如為正數時，此模塊下移，與上一模塊拉大距離；在數字前加「-」號，此模塊移入上一模塊相應距離。如MARGIN: 0px auto變化為MARGIN: 0px 50px auto則新加的50px為此模塊左右移動；如不用MARGIN: 0px auto，此時模塊齊左。※用<P style="MARGIN-TOP: -100px; MARGIN-LEFT: 100px">日誌</P>代碼也可使日誌上下左右移動）溢出隱藏：OVERFLOW: hidden; （可隱藏圖片的部分，如去掉此代碼，則圖片為最大化）寬度：WIDTH: 600px; （為框內寬度）高度：HEIGHT: 480px; （為框內高度）代碼內的顏色（#號後6位數字、字母或其組合）、寬度、高度根據需要可隨意調整。代碼2：<DIV style="border-style:solid;border-width:5px; border-color:red; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #333399; MARGIN: 10px auto; PADDING-LEFT: 10px; WIDTH: 600px; PADDING-RIGHT: 10px; FLOAT: left; HEIGHT: 440px; TEXT-ALIGN: center; OVERFLOW: hidden; PADDING-TOP: 10px">日誌內容</DIV>說明：在代碼1基礎上，加入日誌內容與邊框的距離代碼，數字可調。下邊距：PADDING-BOTTOM: 10px;左邊距：PADDING-LEFT: 10px;右邊距：PADDING-RIGHT: 10px;上邊距：PADDING-TOP: 10px;日誌居中：TEXT-ALIGN: center; （center可換成right齊右，去掉此代碼齊左）居左：FLOAT: left; （模塊齊左。居中可省略此代碼，如齊右，left 改成 right）(代碼1為內容與邊框無邊距，代碼2則加入了四邊的邊距代碼，模塊齊左）代碼3：<DIV style="BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #333300; MARGIN: 10px auto; PADDING-LEFT: 10px; WIDTH: 600px; PADDING-RIGHT: 10px; FLOAT: left; HEIGHT: 420px; OVERFLOW: hidden; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; PADDING-TOP: 10px">日誌內容</DIV>說明：下邊框顏色和寬度：BORDER-BOTTOM: #ffffff 1px solid;左邊框顏色和寬度：BORDER-LEFT: #ffffff 1px solid;上邊框顏色和寬度：BORDER-TOP: #ffffff 1px solid;右邊框顏色和寬度：BORDER-RIGHT: #ffffff 1px solid;此代碼中上下左右四邊寬度和顏色代碼為代碼1 BORDER-BOTTOM: #008080 8px solid; BORDER-LEFT: #008080 8px solid 經編輯器編輯後生成的變化。邊框的寬度與顏色可以不同。代碼4：<DIV style=" BACKGROUND-COLOR: #222229; MARGIN: 0px auto; WIDTH: 600px; HEIGHT: 330px; OVERFLOW: hidden">日誌內容</DIV>說明：去掉代碼1邊框寬度與顏色代碼 border-style:solid; border-width: 8px; border-color:#008080 變成無邊框的界面。代碼5：<DIV style="border-style:solid; border-width: 8px; border-color:#998877; MARGIN: 0px auto; WIDTH: 600px; HEIGHT: 350px"><DIV style="border-style:solid; border-width: 8px; border-color:#776655; MARGIN: 0px auto; WIDTH: 584px; HEIGHT: 334px"><DIV style="border-style:solid; border-width: 8px; border-color:#665544; BACKGROUND-COLOR: #345678; MARGIN: 0px auto; WIDTH: 568px; HEIGHT: 318px; OVERFLOW: hidden">日誌內容</DIV></DIV></DIV>說明：多邊框（套框），此為緊密相接的三邊框。據此，可作出多邊框。代碼6<DIV style="border-style:solid;border-width:5px; border-color:#888888; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 600px; HEIGHT:360px"><DIV style="border-style:solid;border-width:5px; border-color:#888888; MARGIN: 1px auto; OVERFLOW: hidden; WIDTH: 586px; HEIGHT: 345px"><DIV style="border-style:solid;border-width:5px; border-color:#888888; MARGIN: 1px auto; OVERFLOW: hidden; WIDTH: 572px; HEIGHT: 330px; BACKGROUND-COLOR: #222222">日誌內容</DIV></DIV></DIV>說明：多邊框，框與框之間留有間隙。日誌標題日誌內容日誌內容日誌內容日誌內容多個板塊排版的組合 日誌內容
推薦閱讀：