html布局
参考:/html/html-layouts.html
<!DOCTYPE html><html><head><meta charset="utf-8"><title>布局</title></head><body><div id="container" style="width: 450px;"><div id="header" style="background-color: #ffa500;"><h1 style="margin-bottom: 0; color: blue;">主要课程</h1></div><div id="menu" style="background-color: #ffd700; height: 200px; width: 100px; float:left"><ul><li>菜单1</li><li>菜单2</li><li>菜单3</li></ul></div><div id="content" style="background-color: #EEEEEE; height: 200px; width: 350px; float:left; text-align: center;">在这里显示内容</div><div id="footer" style="background-color: #FFA500;width:450px;text-align: center;">版权@yy</div></div></body></html>
结果:
如果觉得《html中div排版布局》对你有帮助,请点赞、收藏,并留下你的观点哦!