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

<!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>

标签: css

已有 5 条评论

  1. Dan Dan

    大写标签和小写标签混在一起,不是很好看,我喜欢统一的小写

    1. 呃,大写标签倒是editplus自己生成的,照我手打也会一直小写 ^_^

      1. 星铃丹小朋友为什么不说话

  2. 玲丹小朋友,节日快乐。
    祝你节日没作业~

添加新评论