網頁常用框代碼 @ ajohnwoung的部落格

網頁常用框代碼

2011/08/16 19:57

文字

滾動框代碼<DIV align=center style=' color: #990099; background-color:#FFFFE0; border: solid 2px black; width: 470px; height: 180px; overflow: scroll; scrollbar-face-color: #ffc0cb; scrollbar-shadow-color: #ffb 6c 1; scrollbar-highlight-color: #98fb98; scrollbar-3dlight-color: #ffb 6c 1; scrollbar-darkshadow-color: #90ee90; scrollbar-track-color: #ffdead; scrollbar-arrow-color: #f5deb3; '>文字</DIV>

外凸框代碼<div style="border-style:outset #ffdab9;background-color:#FFFFE0; border-width:3px;">文字</div>

虛線框代碼<div style="border: 3px dashed #ff4500;background-color:#ffdab9">文字</div>

實線框代碼<div style="border:3px solid #ffdab9;background-color:#FFFFE0">文字</div>

雙線框代碼 <div STYLE="border-style:solid;border-width:5pt; border-color:red">文字</div>

雙線框代碼<div style="border:3px double #000000;">文字</div>

實線框代碼<div style="border:1px solid #000000;">文字</div>

虛線框代碼<div style="border:1px dashed #000000;">文字</div>

外凸框代碼<div style="border-style:outset; border-width:1px;">文字</div>

彩色框代碼

<div STYLE="border-style:Double;border-width: 6pt ; border-color: #f08080"> <div style="width:100%;height:100%;background-color:#FFFFE0;">

文字</div></div>

立體框代碼

<div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge; border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#E6E 6F A;">文字</div></div>

立體框