手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS教程网站制作如何打造导航蓝色效果
CSS教程网站制作如何打造导航蓝色效果
摘要:网站制作如何打造导航蓝色效果首先是整体布局声明。利用通配符“*”表示在不特别声明的情况下,默认所有元素的边距及填充均...

 网站制作如何打造导航蓝色效果首先是整体布局声明。利用通配符“*”表示在不特别声明的情况下,默认所有元素的边距及填充均为零。

我们设置UL无序列表nav的背景色为#06c,向左浮动,宽度是100%。这两段代码定义以后,我们的菜单就能紧靠着浏览器窗口了,并且它的宽度是100%。

菜单的列表项li定义为display:inline;内联(行内)将li限制在一行来显示及设置列表项预设标记为无;

我们接着往下看链接区域的代码意义,link、visited状态:

链接元素向左浮动,填充上下为5px、左右为12px。

文字颜色为白色,去除链接下划线。背景色#06c与上面的相同。

我们定义了右边框线:1px、实线、白色#fff。这一句很重要,它明确的划分了菜单链接之间的距离。这一句话是缩下的形式。

【CSS教程网站制作如何打造导航蓝色效果】相关文章:

CSS3创建惊艳多重边框色

CSS如何控制li标记样式

Div CSS实例教程:页面制作方法

css解决覆盖父元素透明度的效果

DIV+CSS 分享学习心得 导航篇

CSS控制DIV绝对定位、相对定位的技巧

Div+CSS教程:如何闭合浮动元素?

CSS教程网站制作新闻列表方法

CSS教程:可扩展圆角标签

利用CSS改善网站可访问性

精品推荐
分类导航