精通 CSS+DIV 网页样式与布局 59

最新推荐文章于 2025-08-15 20:44:49 发布

相濡以沫si

最新推荐文章于 2025-08-15 20:44:49 发布

阅读量146

点赞数

CC 4.0 BY-SA版权

分类专栏： css+div 文章标签： css

本文链接：https://blog.youkuaiyun.com/myjnt/article/details/53469544

css+div 专栏收录该内容

168 篇文章

订阅专栏

本文介绍了一个使用HTML和CSS实现的简单网页布局案例，包括顶部横幅、左侧导航栏及主要内容区域的设计。通过定义不同区块的样式属性如背景颜色、字体大小等，实现了基本的网页界面构建。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

background-color:#fbc9ba; /* 顶端 banner的背景色 */
}
.leftbanner{
width:22%; height:330px;
vertical-align:top;
background-color:#6d1700; /* 左侧导航条的背景色 */
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>
<html>
<head>
<title> 背景重复 </title>
<style>
<!–
body{
padding:0px;