div+css排版的样例

ttx9n · 发表于 2006-6-17 00:00:00

div+css排版的样例

<!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"; lang="gb2312"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="gb2312" /> <meta content="all" name="robots" /> <meta name="Author" content="huobazi@aspxboy.com ,活靶子" /> <meta name="Copyright" content="www.AspxBoy.Com,自由版权,任意转载." /> <meta name="Description" content="www.AspxBoy.Com" /> <meta name="Keywords" content="www.AspxBoy.Com,活靶子,huobazi" /> <title> Div布局 </title> <style> body{text-align:center;margin:0;padding:0} /*text-align:center是ie中必须要有的*/ div { height:200px; color:red; } .title { margin:0 auto; width:776px; background-color:#abcdef; } .middle { margin:0 auto; width:776px; } .left { float:left; clear:right; width:20%; background-color:#eeefff; } .center { float:left; clear:right; width:50%; background-color:#CCC000; } .right { float:left; clear:right; width:30%; background-color:#fff000; } .both { clear:both; width:100%; background-color:#666999; } .footer { margin:0 auto; width:776px; clear:both; background-color:#000fff; } </style> </head> <body> 顶部左侧中部右侧全行左侧中部右侧全行左侧中侧右侧底部 </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

leidie123a · 发表于 2022-12-23 11:44:27

iiguuubhuiuihu

xf9hlg1 · 发表于 2023-6-24 00:31:32

我要金豆金豆金豆

qq303604905 · 发表于 2023-7-22 03:30:52

谢谢您的分享！

白狐软件 · 发表于 2023-8-22 05:53:02

还有什么好东西没

czoz5y · 发表于 2023-9-2 11:41:35

的沙发水电费水电费

q215357618 · 发表于 2023-9-15 09:32:57

撒旦撒旦撒擦擦擦擦

q42obh · 发表于 2023-9-17 00:30:09

额UI废物iuhfujewfiewnnfen

vir5051 · 发表于 2024-4-3 11:47:07

天天源码社区论坛

wqpa63gz · 发表于 2024-4-17 21:28:25

好人好人好人好人

账号		自动登录	找回密码
密码			立即注册

[CSS/HTML] div+css排版的样例

相关帖子