两个简单的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>
大写标签和小写标签混在一起,不是很好看,我喜欢统一的小写
呃,大写标签倒是editplus自己生成的,照我手打也会一直小写 ^_^
星铃丹小朋友为什么不说话
你想我说啥?
玲丹小朋友,节日快乐。
祝你节日没作业~