范例必读（二）[简单布局居中 body 宽度切图摆放1.0]

原创于 2012-02-05 14:04:20 发布 · 425 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#stylesheet #border #xhtml #table #html

前端专栏收录该内容

9 篇文章

订阅专栏

本文通过实例演示了如何使用HTML和CSS进行网页布局，包括页面结构的设计与样式表的应用。通过对表格和div元素的运用，展示了基本的网页搭建过程。

index.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content = "text/html;charset=utf-8"/>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="#FFFFFF" >
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0" >
<tr>
  <td><img src="images/title.jpg" ></td>
  <td background="images/warm.jpg"><table border="0">
  	<tr>
		<td>aaaaaaaaa</td>
	</tr>
	<tr>
		<td>sssssssss</td>
	</tr></table>
  </td>
</tr>
</table>
<div id="body">
</div>
</body>
</html>

style.css:

body{
	width:600px;
	margin:0 auto;
	
}
#body{
	height:500;
	background:pink;
}

范例必读 （二）[简单布局 居中 body 宽度 切图摆放1.0]

范例必读（二）[简单布局居中 body 宽度切图摆放1.0]