📄 index_scroll_bar.htm

📁 《CSS完全使用详解》源文件下载书籍源码
💻 HTM
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>CSS Demo</TITLE>
<META http-equiv=content-type content="text/html; charset=gb2312">
<STYLE>BODY {
	FONT-SIZE: 7pt; BACKGROUND-IMAGE: url(bg.gif); COLOR: #707070; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,sans serif; BACKGROUND-COLOR: #ffffff
}
.titlediv {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; LEFT: 450px; COLOR: #b1b1b1; POSITION: absolute; TOP: 100px
}
.titlespan {
	FONT-WEIGHT: bold; COLOR: #d60002
}
.subdiv {
	LEFT: 450px; COLOR: #b1b1b1; POSITION: absolute; TOP: 120px
}
.headlinediv {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; LEFT: 150px; COLOR: #d60002; POSITION: absolute; TOP: 360px
}

.copyrightdiv {
	LEFT: 120px; COLOR: #b1b1b1; POSITION: absolute; TOP: 627px
}
.maindiv { position: absolute;
				top: 380px;
				left: 150px;
				font-family: verdana,sans serif;
				width: 200px;
				height: 215px;
				overflow: auto;
				SCROLLBAR-FACE-COLOR: #f2f2f2; 
				SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
				SCROLLBAR-SHADOW-COLOR: #999999; 
				SCROLLBAR-3DLIGHT-COLOR: #999999; 
				SCROLLBAR-ARROW-COLOR: #999999; 
				SCROLLBAR-TRACK-COLOR: #ffffff; 
				SCROLLBAR-DARKSHADOW-COLOR: #ffffff
			}

</STYLE>

<META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD>
<BODY>
<DIV class=titlediv><SPAN class=titlespan>MEDIA</SPAN> INTERACTIVE</DIV>
<DIV class=subdiv>OUTSTANDING DESIGN SOLUTIONS</DIV>
<DIV class=headlinediv>STUDIO PROFILE</DIV>
<DIV class=maindiv>
<P><SPAN class=titlespan>Sed ut perspiciatis unde omnis</SPAN> doloremque 
laudantium, totam rem aperiam eaque ipsa architecto beatae vitae dica sunt 
explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspematur aut odit aut 
fugit sed quia consequuntur ipsa architecto beatae vitae dicta magni dolores eos 
qui ratione voluptatem sequi nesciunt.
<P><SPAN class=titlespan>Excepteur sint occaecat</SPAN> cupidatat non proident 
sunt in culpa qui officia deserunt mollit anim id est laborum. Sed perspiciarem 
aperiam eaque ipsa architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam 
voluptatem quia voluptas.
<P><SPAN class=titlespan>Sed ut perspiciatis unde omnis</SPAN> doloremque 
laudantium, totam rem aperiam eaque ipsa architecto beatae vitae dica sunt 
explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspematur aut odit aut 
fugit sed quia consequuntur ipsa architecto beatae vitae dicta magni dolores eos 
qui ratione voluptatem sequi nesciunt.
<P><SPAN class=titlespan>Excepteur sint occaecat</SPAN> cupidatat non proident 
sunt in culpa qui officia deserunt mollit anim id est laborum. Sed perspiciarem 
aperiam eaque ipsa architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam 
voluptatem quia voluptas.</P></DIV>
<DIV class=copyrightdiv>Copyright &copy; Companyname, 2007. Allrights 
Reserved</DIV></BODY></HTML>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -