两个简单的css例子 - 星铃丹·活着·无限策划

第一个例子：一个左右居中的模块。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> YYLD.net系列建站教程之css练习题 </TITLE> <style type="text/css"> body{ margin:0; padding:0; width:100%; } #a{ width:100%; float:left; text-align:center; } #b{ width:500px; height:100px; border:1px solid #dddddd; background:#eeeeee; margin:20px auto 0; } </style> </HEAD> <BODY> <div id="a"> <div id="b"></div> </div> </BODY> </HTML>

第二个例子：一个左右居中的模块里还有一个顶部模块。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>YYLD.net系列建站教程之css练习题</TITLE> <style type="text/css"> *{ margin:0; padding:0; } body{ } #a{ width:100%; float:left; text-align:center; } #b{ width:500px; height:500px; border:1px solid #dddddd; background:#eeeeee; margin:20px auto 0; } #head{ width:100%; height:100px; background:#dddddd; } </style> </HEAD> <BODY> <div id="a"> <div id="b"> <div id="head"></div> </div> </div> </BODY> </HTML>