《网页导航条制作》由会员分享，可在线阅读，更多相关《网页导航条制作（1页珍藏版）》请在金锄头文库上搜索。
【实例】用CSS的盒子模型制作基本的、变化背景颜色的超链接导航条效果1、输入一行导航文字，并为文字添加空链接。2、把标记变成一个一个的盒子，来实现基本的导航条效果。（1）新建CSS规则（标签；a；仅对该文档）（2）背景背景颜色：#0033FF（3）方框填充：上 5； 右 10； 下 3； 左 10边界：右 2 （4）边框样式：全部相同（实线）宽度：全部相同（1像素）颜色：全部相同（#000066）（5）单击“应用”，在网页中观察结果（6）类型大小：14像素颜色：#FF9900修饰：无3、预览网页盒子可以显示，但其下部分被遮盖住了。因为行内元素在做盒子时显示不正常，需要将标记由行的元素转换为块级元素，再让块级元素左浮动，就可达到相同的效果。编辑CSS样式（1）区块显示：块（2）方框浮动：左对齐4、在“代码视图”中，将中的样式名称a改为.nav5、在“设计视图”中，为每个导航文字应用nav样式7、新建CSS规则（高级；a.nav：hover)（1）背景背景颜色：#99CCFF（2）类型颜色：#990033（文字颜色，即前景色）
