摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>这是CSS第二个测试页</title> &nb
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>这是CSS第二个测试页</title> <link rel="shortcut icon" type="image/x-icon" href="images/logo1.png" /> <link rel="stylesheet" type="text/css" href="css/index.css" /> <style type="text/css"> *{margin:0;padding:0;} p{display:inline;} .box{width:100px;height:100px;background:#ccc;line-height:40px;text-align:center;position:relative;top:20px;left:20px;margin-bottom:5px;} ul li{list-style:none;width:100px;height:40px;line-height:40px;text-align:center;margin:5px 2px;float:left;background:#ccc;} .clear{clear:both;} </style> </head> <body> <p>块元素转换成行内元素</p><span>不要换行</span> <ul> <li>调试一</li> <li>调试二</li> <li>调试三</li> <li>调试四</li> </ul> <div class="clear"></div> <div class="box"> </div> </body> </html>
批改老师:灭绝师太批改时间:2018-11-12 16:50:44
老师总结:标签测试要全面一点;完成的不错,后面页面布局会更好玩……继续加油!