摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml
<!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>css定位与浮动</title> <style type="text/css"> body{margin:0 0;padding:0 0;font-family:'微软雅黑';font-size: 14px;} .daoh{width:100%;height:60px;line-height:20px;} ul{margin:0 0;padding:0 0;width:100%;height:100%;background-color:#000;} ul li{float: left;list-style:none;color:rgba(255,255,255,.7);padding:20px 40px;} .body1{width:1200px;height:510px;background:#009688;margin:30px auto;border-radius:10px;box-shadow: 0 12px 24px 0 rgba(7,17,27,.2);} .body1-left{width:216px;height:100%;background:#2b333b;border-bottom-left-radius: 10px;border-top-left-radius: 10px;} .body2{width:1200px;height:80px;background:#FF5722;margin:30px auto;border-radius:10px;} </style> </head> <body> <div> <ul> <li style="font-size:30px">PHP中文网</li> <li>首页</li> <li>视频教程</li> <li>社区问答</li> <li>编程词典</li> <li>手册下载</li> <li>工具下载</li> <li>菜鸟学堂</li> </ul> <div style="clear:both"></div> </div> <div> <div> </div> </div> <div> </div> </body> </html>