标签结构
2、 CSS 样式
一、 导航栏测量
----
1、 左侧边界
导航栏 最左侧位置 , 距离 logo 盒子 有 70 像素 , 考虑到设置外边距 , 这里将 logo 盒子 与 导航栏之间的距离设置成...div 块级盒子 中 , 存放一个 ul 无序列表 ,
无序列表的 li 中 , 存储一个 a 链接标签 ;
<!...盒子放在一行中 ;
/* 导航栏设置 左浮动 */
.nav {
float: left;
}
导航栏中的无序列表 , 需要设置左浮动 , 才能将 块级元素 从左右到进行排列 ;
/* 导航栏内部...的 无序列表 设置左浮动 */
.nav ul li {
/* 设置 无序列表项 从左到右排列 */
float: left;
}
无序列表中 , 链接标签的样式 , 设置如下样式 ;
/* 设置无序列表中的链接样式...;
}
3、最终显示效果
此时 , 鼠标经过 导航栏的 首页 选项 ;
三、 完整代码
----
1、 HTML 标签结构
完整代码 :
<!