1. Solid-line border scroll bar with background color <DIV style = "BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #006600; SCROLLBAR-HIGHLIGHT-COLOR: #33cc33; OVERFLOW: auto; BORDER-LEFT: black 2px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR: #33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #33cc33; HEIGHT: 150px; BACKGROUND-COLOR: # ccffcc "align = center> <DIV align = left> <FONT color = #009900> text </FONT> </DIV> 2. Solid-line border scroll bar without background color <DIV style = "BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: # ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 200px, SCROLLBAR-SHADOW-COLOR: # ffd700; COLOR: # d2691e; SCROLLBAR-3DLIGHT-COLOR: # ff7f50; SCROLLBAR-ARROW-COLOR: # ff0000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 150px "align = center> text </DIV> 3. dotted border scroll bar without background color <DIV style = "BORDER-RIGHT: #006c90 1pt dashed; BORDER-TOP: #006c90 1pt dashed; SCROLLBAR-FACE-COLOR: # ffffff; SCROLLBAR-HIGHLIGHT-COLOR: # ffffff; OVERFLOW: Auto; BORDER-LEFT: #006c90 1pt dashed; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: # ffffff; SCROLLBAR-ARROW-COLOR: #006c90; BORDER-BOTTOM: #006c90 1pt dashed; SCROLLBAR-DARKSHADOW-COLOR: # ffffff; HEIGHT: 150px "align = left> <FONT color = #0060c0> text </FONT> </DIV>
4. Two-line border scroll bar without background color <DIV style = "BORDER-RIGHT: # fc48b4 double; BORDER-TOP: # fc48b4 double; SCROLLBAR-FACE-COLOR: # fcd8fc; SCROLLBAR-HIGHLIGHT-COLOR: # ffffff; OVERFLOW: auto; BORDER-LEFT: # fc48b4 double; WIDTH: 200px; SCROLLBAR-3DLIGHT-COLOR: # ffffff; SCROLLBAR-ARROW-COLOR: # d800b4; SCROLLBAR-TRACK-COLOR: # ffffff; BORDER-BOTTOM: # fc48b4 double; SCROLLBAR-DARKSHADOW-COLOR: # ffffff; HEIGHT: 150px "align = left> <FONT color = #000000> text </FONT> </DIV> 5. scroll bar of the dot border without background color <DIV style = "BORDER-RIGHT: #00b490 thick dotted; BORDER-TOP: #00b490 thick dotted; SCROLLBAR-FACE-COLOR # fcfcfc; SCROLLBAR-HIGHLIGHT-COLOR: # fcfcfc; OVERFLOW: auto; BORDER-LEFT: #00b490 thick dotted; WIDTH: 200px; SCROLLBAR-3DLIGHT-COLOR: # fcfcfc; SCROLLBAR-ARROW-COLOR: #00b490; SCROLLBAR-TRACK-COLOR: # fcfcfc; BORDER-BOTTOM: #00b490 thick dotted; SCROLLBAR-DARKSHADOW-COLOR: # fcfcfc; HEIGHT: 150px "align = left> <FONT color = #000000> text </FONT> </DIV> 6. scroll bar of the convex border without background color <DIV style = "BORDER-RIGHT: # b46cfc outset; BORDER-TOP: # b46cfc outset; The SCROLLBAR-FACE-COLOR: # d8b4fc; SCROLLBAR-HIGHLIGHT-COLOR: # d8b4fc; OVERFLOW: auto; BORDER-LEFT: # b46cfc outset; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: # d8b4fc; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR: # D8b4fc; SCROLLBAR-ARROW-COLOR: # b0000b4; BORDER-BOTTOM: # b46cfc outset; SCROLLBAR-DARKSHADOW-COLOR: # d8b4fc; HEIGHT: 150px "align = center> <FONT color = #000000> text </FONT> </DIV> 6. scroll bar with a background color <DIV style = "BORDER-RIGHT: # fcb4d8 ridge; BORDER-TOP: # Fcb4d8 ridge; SCROLLBAR-FACE-COLOR: # fcb4d8; SCROLLBAR-HIGHLIGHT-COLOR: # fcb4d8; OVERFLOW: auto; BORDER-LEFT: # fcb4d8 ridge; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: # Fcb4d8; COLOR: # fcb4d8; SCROLLBAR-3DLIGHT-COLOR: # fcb4d8; SCROLLBAR-ARROW-COLOR: # dda-48; BORDER-BOTTOM: # fcb4d8 ridge; SCROLLBAR-DARKSHADOW-COLOR: # fcb4d8; HEIGHT: 150px; BACKGROUND-COLOR: # Fcb4d8 "align = center> <P align = left> <FONT color = # 8000ff> text </FONT> </P> </DIV> </DIV> |