[html]div模块布局网站模板

最新推荐文章于 2024-01-10 10:37:12 发布

捞氘河水怪

最新推荐文章于 2024-01-10 10:37:12 发布

阅读量1.5k

点赞数 1

分类专栏： html 文章标签： html css 前端

原文链接：https://www.runoob.com/html/html-layouts.html

版权

html 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>网站布局</title>
</head>
<body>
	<div id="container" style="width: 500px">
		<div id="header" style="background-color: #FFA500;">
			<h1 style="margin-bottom: 0;">网站标题</h1>
		</div>
		<div id="menu" style="background-color: #FFD700;height:200px;width:100px;float: left;">
			<b>菜单</b>
			<br>
			HTML<br>
			CSS<br>
			Java<br>

		</div>
		<div id="content" style="background-color: #EEEEEE;height:200px;width: 400px;float: left; "></div>
		<div id="footer" style="background-color: #FFA500;clear:both;text-align: center;">版权 © runoob.com</div>

	</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

捞氘河水怪

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[html]div模块布局网站模板

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>网站布局</title></head><body> <div id="container" style="width: 500px"> <div id="header" style="background-color: #FFA500;"> <h
复制链接

扫一扫