3-21.html

来自「文件是《精通Javascript+jQuery》的书中实例」· HTML 代码 · 共 45 行

HTML
45
字号
<html>
<head>
<title>利用背景颜色分块</title>
<style>
<!--
body{
	padding:0px;
	margin:0px;
	background-color:#eaddef;	/* 页面背景色 */
}
.topbanner{
	background-color:#1e0c25;	/* 顶端banner的背景色 */
}
.leftbanner{
	width:22%; height:330px;
	vertical-align:top;
	background-color:#22072c;	/* 左侧导航条的背景色 */
	color:#FFFFFF;
	text-align:left;
	padding-left:40px;
	font-size:14px;
}
.mainpart{
	text-align:center;
}
-->
</style>
</head>
<body>
<table cellpadding="0" cellspacing="1" width="100%" border="0">
	<tr>
		<td colspan="2" class="topbanner"><img src="banner1.jpg" border="0"></td>
	</tr>
	<tr>
		<td class="leftbanner">
			<br><br>首页<br><br>分类讨论
			<br><br>谈天说地<br><br>精华区
			<br><br>我的信箱<br><br>休闲娱乐
			<br><br>立即注册<br><br>离开本站
		</td>
		<td class="mainpart">正文内容...</td>
	</tr>
</table>
</body>
</html>

⌨️ 快捷键说明

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