b前墙开发)》实验教学指导/实验五:文字排版3 width: 420px border: lpx solid #999 2、简单的导航条 编写简单的导航条,效果如图5-2所示 文字排饭文字排饭文字排饭文字排版 文字排 导航菜单 参考代码 <! doctype htmI> Khtml> <meta charset="utf-8> < title>文字排版 title <style type="text/css"> margin: 20px auto Opx width: 1024px: width: 1024px background-color: #333 border-radius: 5px: margin: 0r list-style: none float: left position: relative 河南中医药大学管理科学与工程学科 本讲共计9页|当前第3页《Web 前端开发》实验教学指导 / 实验五:文字排版 河南中医药大学管理科学与工程学科 本讲共计 9 页 | 当前第 3 页 width:420px; height:auto; padding:5px; border:1px solid #999; } 2、简单的导航条 编写简单的导航条,效果如图 5-2 所示。 参考代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>文字排版</title> <style type="text/css"> body { margin:20px auto 0px; width:1024px; font-size:12px; } .menu { width:1024px; background-color:#333; height:30px; border-radius:5px; color:#FFF; } .menu ul { margin:0px; padding:0px; } .menu ul li { list-style:none; float:left; position:relative; 图 5-2 导航菜单