首页 > 开发 > CSS > 正文

CSS 导航条

2020-03-24 17:19:00
字体:
来源:转载
供稿:网友
list-style-type:none - 删除圆点。导航栏不需要列表项标记。把外边距和内边距设置为 0 可以去除浏览器的默认设定。
display:block - 把链接显示为块元素可使整个链接区域可点击(不仅仅是文本),同时也允许我们规定宽度。width:60px - 块元素默认占用全部可用宽度。我们需要规定 60 像素的宽度。

提示:请同时看一看我们完整样式的导航栏实例。

注释:请始终规定垂直导航栏中 a 元素的宽度。如果省略宽度,IE6 会产生意想不到的结果。


display:inline; - 默认地, li 元素是块元素。在这里,我们去除了每个列表项前后的换行,以便让它们在一行中显示。

提示:请看一下我们完整样式的水平导航栏实例。


float:left - 使用 float 来把块元素滑向彼此。display:block - 把链接显示为块元素可使整个链接区域可点击(不仅仅是文本),同时也允许我们规定宽度。width:60px - 由于块元素默认占用全部可用宽度,链接无法滑动至彼此相邻。我们需要规定 60 像素的宽度。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表