首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

无法将<a>元素设置为导航栏高度

基础概念

<a>元素是HTML中的一个基本元素,用于创建超链接。它可以包裹文本、图片或其他HTML元素,使用户能够点击并跳转到指定的URL。导航栏通常是由多个<a>元素组成的,用于实现页面间的导航。

相关优势

  • 简洁性:使用<a>元素可以快速创建链接,代码简洁易读。
  • 兼容性:所有主流浏览器都支持<a>元素,具有良好的跨平台兼容性。
  • 灵活性:可以通过CSS对<a>元素进行样式设置,实现各种视觉效果。

类型

  • 内部链接:链接到同一网站的其他页面。
  • 外部链接:链接到其他网站的页面。
  • 锚点链接:链接到同一页面的不同部分。

应用场景

  • 网站导航:用于创建网站的顶部导航栏或侧边栏。
  • 文章链接:在文章中插入链接,方便读者跳转到相关内容。
  • 社交媒体分享:创建链接,方便用户分享内容到社交媒体。

问题分析

无法将<a>元素设置为导航栏高度,可能是由于以下几个原因:

  1. CSS样式问题:可能没有正确设置<a>元素的高度。
  2. 盒模型问题<a>元素的盒模型可能没有正确计算。
  3. 父元素影响:父元素的样式可能影响了<a>元素的高度。

解决方法

以下是一个示例代码,展示如何将<a>元素设置为导航栏高度:

代码语言:txt
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>导航栏示例</title>
    <style>
        .navbar {
            display: flex;
            background-color: #333;
            height: 60px;
        }
        .navbar a {
            color: white;
            text-align: center;
            padding: 20px 20px;
            text-decoration: none;
            height: 100%;
        }
        .navbar a:hover {
            background-color: #ddd;
            color: black;
        }
    </style>
</head>
<body>
    <div class="navbar">
        <a href="#home">Home</a>
        <a href="#services">Services</a>
        <a href="#about">About</a>
        <a href="#contact">Contact</a>
    </div>
</body>
</html>

解释

  1. HTML结构:创建一个包含多个<a>元素的<div>,并为其添加一个类名navbar
  2. CSS样式
    • .navbar:设置导航栏的背景颜色和高度。
    • .navbar a:设置<a>元素的颜色、对齐方式、内边距、文本装饰和高度。
    • .navbar a:hover:设置鼠标悬停时的背景颜色和文本颜色。

参考链接

通过以上方法,可以确保<a>元素的高度与导航栏高度一致。如果仍然遇到问题,请检查是否有其他CSS样式或JavaScript代码影响了<a>元素的显示。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【CSS】使用 固定定位 实现顶部导航栏 ( 核心要点 | 固定定位元素居中设置 | 代码示例 )

一、核心要点分析 ---- 实现下图所示功能 : 上方有一个固定导航栏 , 水平居中设置 ; 左右两侧各一个广告栏 , 垂直居中设置 ; 1、顶部导航栏要点 顶部导航栏要点 : 使用固定定位 , 上边偏移设置为...0 , 即可设置为顶部导航栏 , 其位置不受页面滚动影响 ; /* 设置固定定位 */ position: fixed; top: 0; 由于顶部的导航栏设置了 绝对定位 , 该元素是脱标的..., 下方的网页内容会被顶部导航栏覆盖 , 这里需要设置一个上外边距 , 上外边距值大于等于 顶部导航栏的高度 ; /* 顶部的固定定位盒子高度 100px 由于其脱标会覆盖标准流元素..., 如果要精确放置顶部导航栏的位置 , 顶部导航栏盒子必须设置宽度 , 这里选择设置其宽度为 100% ; /* 定位元素如果不设置宽度 默认就是内部内容的宽度 */ /* 如果要设置盒子.../* 上边偏移 50% 之后减去 150 居中设置 */ top: 50%; 然后 , 左侧广告栏高度为 300 像素 , 顶部在中线位置 , 向上移动 150 像素即可使真个广告栏居中设置 ;

3.1K50

小程序.我还是不知道起什么名字

因为在不同的机型上,屏幕的尺寸是不一样的,固定的高度无法去适配不同的机型,可能出现滚动条,也可能橘红色无法覆盖整个页面。...当然,用我们前面学到的rpx是可以解决这个问题的,将container view的高度单位设置为rpx,就可以让它随着不同的机型进行自适应调整。...page代表着整个页面的容器,如果想对页面整体做样式或者属性设置,那么应该考虑page这个页面的根元素。 ? 话说好像电量是我的电脑电量 很遗憾这个导航栏不可以隐藏或者取消,它必须存在。...既然这个导航栏无法取消,如何让整个页面只有一种颜色呢?下面我们考虑将导航栏的颜色和页面的背景色设置成同一个颜色 。...在前面 我使用了app.json的一个配置项pages,用来注册小程序页面文件. window配置可项用来设置小程序的状态栏、导航栏、标题和窗口的背景色。

1.5K20
  • 「大众点评点餐」小程序开发经验 03:事件联动

    大体结构为:顶部商家名称,可能会出现黄色横条提示模块;下方左侧为导航菜单栏;下方右侧为每个菜单分类包含的菜品展示列表;底部可能出现购物车模块。...若左侧高亮的导航菜单不在可视区域: 当高亮的导航菜单顶部在左侧 scroll-view 滚动区上方(被遮住了),则将该高亮导航菜单滚动至将高亮导航栏的顶部与左侧可滚动区域顶部重合(高亮菜单为滚动区的第一个分类...由于小程序无法获取元素的宽高,位置信息,滚动右侧实现左侧联动效果的实现难度非常高。 如何准确的获取右侧滚动到的具体分类,并让左侧导航菜单栏相应分类高亮,且在可视的范围内?...点击左侧分类,右侧由于 scroll-into-view 触发了滚动事件,而相应的滚动事件监听函数函数,计算得出当前高亮的导航菜单栏为 A,更新页面的 data 将高亮分类切换到了 A 上。...因为在不同机器上,硬件会存在细微差别,我们无法准确的设置误差范围。 具体的思路是这样的:若点击左侧导航菜单栏,设定全局锁定状态,若锁定则不右→左的联动操作,再解除锁定状态。

    2.6K40

    【CSS】课程网站头部制作 ④ ( 搜索栏按钮测量 | 搜索栏按钮代码编写 | 代码示例 )

    , 50 x 40 像素 ; 按钮颜色值 #00a4ff ; 2、按钮切图 使用 切片工具 , 将 按钮图片 进行选择 , 然后进行切图 ; 选择 " 菜单栏 / 文件 / 导出 / 存储为 Web...搜索栏盒子 中 , 与 Input 表单放置在一行 , 并且二者之间没有缝隙 , 默认的行内块元素之间会有一条无法控制的缝隙 ; 最后 , 设置按钮图片 , 按钮图片无法填充满 , 使用平铺样式 ,...: 30px auto; } .logo { /* 靠左侧浮动 */ float: left; /* 设置与 导航栏盒子 的外边距 */ margin-right: 60px; } /* 导航栏设置...left; } /* 设置无序列表中的链接样式 */ .nav ul li a { /* 显示模式 块级元素 */ display: block; /* 高度 40 像素 , 总高度 42 像素...排列在 导航栏后面 */ float: left; /* 设置左外边距 65 像素 */ margin-left: 65px; } /* 搜索栏 输入框 */ .search input {

    2.3K70

    一、首页第一个首页栏制作【仿淘票票系统前后端完全制作(除支付外)】

    ,一个命名为左,一个命名为右: 左右两个行,由于本身自带高度,都设置高度为包裹,并且设置宽度为 50%使其元素能够占据一行,并且还需要更改他们的背景色为透明,否则自身的背景色将会盖住标题栏的背景色...,更改大小即可完成: 接着在右侧的行中更改水平对齐属性选择靠右,此时添加的元素才有靠右显示: 接着添加一个正在热映文本,该文本需要设置其排版,上下左右内边距,否则无法设置其边距框:...: 由于每个影片内部也有一定的内边距,那么此时我们再设置这个行的内边距情况,此时还需要设置这个热映内容的高度为 130px,因为内部等下需要设置一个行高度为撑开,如果父容器没有高度给定,那么子元素的高度撑开则会无效...: 最后我们在右侧添加一个按钮,设置对应的文本和颜色: 三、添加导航容器 我们还发现,这个首页的导航栏是在下部: 那么此时就需要用到一个导航容器,点击扩展组件,找到导航容器添加到当前页面...: 此时将刚刚所编写的所有内容赋值到导航页1中: 重命名导航页1为首页: 接着点击首页导航栏,在属性中更改选中的图标以及文本: 接着预览: 最后把其它导航页的名称和图片进行修改即可

    8.6K20

    【CSS】课程网站横版导航栏 ( 横版导航栏测量及样式 | 代码示例 )

    , color 等样式可以被子元素继承 ; 该盒子有 2 像素的阴影 ; 最终的盒子样式如下 : /* 横向导航栏模块 总体盒子模型 样式 */ .goods { /* 内容高度 60 像素...-- 横向导航栏 模块 - 结束 --> 2、CSS 样式 核心代码 : /* 横向导航栏模块 总体盒子模型 样式 */ .goods { /* 内容高度 60 像素...} /* 导航栏设置 左浮动 */ .nav { float: left; } /* 导航栏内部 的 无序列表 设置左浮动 */ .nav ul li { /* 设置 无序列表项 从左到右排列...样式 */ /* 侧导航栏 样式 */ .subnav { /* 设置左浮动 */ float: left; /* 左侧侧导航栏 190 x 420 , 左右两侧各 20 像素内边距 */...60 像素, 文字与顶部有 10 像素间隔 这里将列表项设置成 50 像素 , 此位置直接写文字即可 多行文本无法设置居中 , 为了保证文字处于距离顶部 10 像素位置

    5.2K30

    【CSS】课程网站 Banner 制作 ③ ( Banner 栏右侧课程盒子测量及样式 | Banner 版心盒子模型右侧课程栏代码示例 )

    60 像素, 文字与顶部有 10 像素间隔 , 这里将列表项设置成 50 像素 , 此位置直接写文字即可 , 多行文本无法设置居中 , 为了保证文字处于距离顶部 10 像素位置 , 只能将列表项设置为...50 像素 , 此位置直接写文字即可 多行文本无法设置居中 , 为了保证文字处于距离顶部 10 像素位置 只能将列表项设置为 50 像素高度*/ height: 50px...60 像素, 文字与顶部有 10 像素间隔 这里将列表项设置成 50 像素 , 此位置直接写文字即可 多行文本无法设置居中 , 为了保证文字处于距离顶部 10 像素位置...} /* 导航栏设置 左浮动 */ .nav { float: left; } /* 导航栏内部 的 无序列表 设置左浮动 */ .nav ul li { /* 设置 无序列表项 从左到右排列...60 像素, 文字与顶部有 10 像素间隔 这里将列表项设置成 50 像素 , 此位置直接写文字即可 多行文本无法设置居中 , 为了保证文字处于距离顶部 10 像素位置

    3.6K60

    【CSS】课程网站头部制作 ② ( 导航栏测量 | 导航栏编写 | 代码示例 )

    标签结构 2、 CSS 样式 一、 导航栏测量 ---- 1、 左侧边界 导航栏 最左侧位置 , 距离 logo 盒子 有 70 像素 , 考虑到设置外边距 , 这里将 logo 盒子 与 导航栏之间的距离设置成...60 像素即可 ; 该边距可以设置为 logo 盒子的 右外边距为 60 像素 , 也可以设置为 导航栏盒子 的 做外边距为 60 像素 ; 这里设置为 logo 盒子的 右外边距为 60 像素 :...盒子放在一行中 ; /* 导航栏设置 左浮动 */ .nav { float: left; } 导航栏中的无序列表 , 需要设置左浮动 , 才能将 块级元素 从左右到进行排列 ; /* 导航栏内部...*/ .nav ul li a { /* 显示模式 块级元素 */ display: block; /* 高度 40 像素 , 总高度 42 像素 , 有 2 像素的下边框 */ height...left; } /* 设置无序列表中的链接样式 */ .nav ul li a { /* 显示模式 块级元素 */ display: block; /* 高度 40 像素 , 总高度 42 像素

    3.9K20

    记一次小程序自定义导航栏及加载动画的解决方案

    记一次小程序自定义导航栏及加载动画的解决方案 主要逻辑就是动态获取设备的 statusBarHeight 和 titleBarHeight,来设置导航栏的高度和 paddingTop ?...setBarHeight、动态获取状态栏和标题栏高度的 getBarHeight,以及判断是否为 IOS 系统。...因为判断是否为 IOS 系统才能够设置 titleBarHeight,iPhone 或 iPad 的这个值为 44,安卓的统一设置为 48 即可 methods: { // 设置状态栏和标题栏高度... 自定义导航栏的高度就是 titleBarHeight,paddingTop 的值就是 statusBarHeight 因为自定义导航栏是 fixed 元素,因此这个 class...align-items: center; } flex 布局并居中即可 最后设置 navigator.json 将模块定义为组件 { "component": true } 在页面中使用:

    1.6K41

    【HarmonyOS NEXT】页面沉浸式效果开发

    关键词:沉浸式、安全区域、通知栏、导航栏 在移动应用开发中,应用在默认情况下窗口背景绘制范围是全屏,但UI元素被限制在安全区内(自动避开状态栏和导航栏)进行布局,来避免界面元素被状态栏和导航条遮盖(即状态栏与导航栏区域为非安全区...),当应用背景色较为丰富时则会出现 app 页面的割裂感,本期将以设置窗口沉浸式和设置安全区域两点来介绍如何将应用满屏展示从而达到沉浸式的效果。...编辑目录方案一 设置主窗口或子窗口的布局为沉浸式布局 设置窗口沉浸式 保存状态栏与导航栏高度 避让状态栏或导航栏 场景1 滚动容器不重叠非安全区场景2 滚动容器重叠非安全区方案二 设置安全区域 expandSafeArea...,即从屏幕最左上角开始展示(不避开状态栏),通过获取状态栏和导航栏高度,给页面设置上下内边距,从而按需避开通知栏与导航栏实现沉浸式效果。...避让状态栏或导航栏页面使用 StorageProp 获取导航栏与通知栏高度并进行避让,并自行调节布局达到滚动时是否与通知栏或导航栏重叠效果场景1 滚动容器不重叠非安全区给滚动控件的父控件设置内边距即可,

    11810

    用AI快速生成一个网页(名侦探柯南~灰原哀主题网页),适合大学生web期末大作业

    下面是提供给AI的提示词和AI给出的代码以及成果展示1、生成一个网页导航栏,宽度为1300px,高度为60px。...nav-links容器使用position:absolute定位到导航栏的右侧,宽度为 500px,高度为 60px。...该类将元素的宽度设置为 1300px,高度设置为 700px,并使用margin: 0 auto;实现水平居中。...然后,我们使用两个div元素创建了两层,每层包含三个card元素。每个card元素代表一张卡片,它的宽度为 380px,高度为 500px,并使用margin和padding设置了上下边距。...footer 元素设置了宽度、高度、背景颜色和文本颜色,并使用绝对定位将其放置在主要内容下方 30px 处,且水平居中。请确保将 "image-url.jpg" 替换为你实际的背景图片路径。

    17910

    【CSS】课程网站 Banner 制作 ② ( Banner 栏版心盒子测量 | Banner 版心盒子模型左侧导航栏代码示例 )

    文章目录 一、Banner 栏版心盒子测量 1、测量版心元素尺寸 2、课程表测量 二、Banner 版心盒子模型左侧导航栏代码示例 1、HTML 标签结构 2、CSS 样式 3、展示效果 一、Banner...栏版心盒子测量 ---- 1、测量版心元素尺寸 拉四条辅助线 , 将版心包起来 , 可以测量 Banner 条版心的尺寸为 1200 x 420 像素 ; 根据上一篇博客 【CSS】课程网站 Banner...制作 ① ( Banner 栏测量 | Banner 盒子模型代码 | 代码示例 ) 测量的尺寸 , 版心的尺寸为 1200 x 420 像素 ; 版心左侧的 侧导航栏 尺寸为 190 x 420 像素...左侧的 侧导航栏 的 背景是 黑色半透明 背景 ; 使用吸管工具 , 吸取 鼠标移动到 侧导航栏 上的颜色值 为 #00b4ff ; 侧导航栏中 , 默认状态下 , 文字默认颜色为白色 ; 二、...*/ float: left; } /* 设置无序列表中的链接样式 */ .nav ul li a { /* 显示模式 块级元素 */ display: block; /* 高度 40 像素

    3.3K50

    【CSS】课程网站 网格商品展示 模块制作 ① ( 网格商品展示模块盒子模型测量及样式 | 顶部文本标题盒子测量及样式 | 代码示例 )

    距离上面的 导航栏 15 像素 */ .box { margin-top: 15px; } 3、左侧文本盒子尺寸测量和样式 标题盒子判定 , 上面的标题 , 可以将其设置为 垂直居中 的样式 ,...垂直居中 , 需要行高 = 内容高度 , 这里精确的测量 " 精品推荐 " 文本的行高与内容高度 ; 该文本盒子如下图所示 , 文本内容 20 像素 , 文本上面和下面各有 20 像素的空白 ; 行高直接设置为...*/ float: left; } /* 设置无序列表中的链接样式 */ .nav ul li a { /* 显示模式 块级元素 */ display: block; /* 高度 40 像素...60 像素, 文字与顶部有 10 像素间隔 这里将列表项设置成 50 像素 , 此位置直接写文字即可 多行文本无法设置居中 , 为了保证文字处于距离顶部 10 像素位置...只能将列表项设置为 50 像素高度*/ height: 50px; /* 设置底部边框 */ border-bottom: 1px solid #ccc; /* 顶部设置 10 像素外边距

    4.3K40

    【建议收藏】用AI快速生成一个网页(名侦探柯南~灰原哀主题网页),适合大学生web期末大作业

    下面是提供给AI的提示词和AI给出的代码以及成果展示 1、生成一个网页导航栏,宽度为1300px,高度为60px。...nav-links容器使用position:absolute定位到导航栏的右侧,宽度为 500px,高度为 60px。...该类将元素的宽度设置为 1300px,高度设置为 700px,并使用margin: 0 auto;实现水平居中。...然后,我们使用两个div元素创建了两层,每层包含三个card元素。每个card元素代表一张卡片,它的宽度为 380px,高度为 500px,并使用margin和padding设置了上下边距。....footer 元素设置了宽度、高度、背景颜色和文本颜色,并使用绝对定位将其放置在主要内容下方 30px 处,且水平居中。 请确保将 "image-url.jpg" 替换为你实际的背景图片路径。

    15010

    【移动端网页布局】Flex 弹性布局案例 ③ ( 横向导航栏 | 固定定位下面的布局设置 | 设置横向导航栏弹性布局 | 弹性布局主轴和侧轴设置 | 二倍精灵图 )

    /* 设置图片自适应 */ width: 100%; } 2、设置横向导航栏弹性布局 下面的横向导航栏 , 高度为 64 像素 , 同时该父容器是一个圆角矩形 , 圆角半径为 8 像素 ; 该导航栏...上下各有 3 像素的外边距 , 左右各有 4 像素的外边距 ; 导航栏整体背景为白色 ; 在该横向导航栏中 设置了 5 个元素 , 这里可以使用百分比布局实现 , 也可以使用 Flex 弹性布局实现...; 将父容器设置为 Flex 弹性布局 , 同时为子项目设置 flex: 1; 样式 , 这样 5 个子项目平均分配整个宽度尺寸 ; 样式代码 : /* 横向导航栏样式 */ .local-nav...{ /* 横向导航栏的父容器布局 */ /* 设置为 Flex 弹性布局 */ display: flex; /* 高度设置为 64 像素 */ height:...::before { /* 使用伪元素方式 插入 用户栏头像图片 */ content: ""; /* 设置显示样式 流式布局 块级元素 上方设置按钮 会自动将文字挤到下面显示

    58520

    uni-app前端H5页面底部内容被tabbar遮挡的问题解决

    查阅资料得知,uni-app 新增了2个 CSS 变量:--window-top 和 --window-bottom ,详细说明如下: APP 和小程序的导航栏和 tabbar 均是原生控件,元素区域坐标是不包含原生导航栏和...tabbar 的;而 H5 里导航栏和 tabbar 是 div 模拟实现的,所以元素坐标会包含导航栏和 tabbar 的高度。...) 变量在微信小程序环境为固定 25px,在 App 里为手机实际状态栏高度。...当设置 "navigationStyle":"custom" 取消原生导航栏后,由于窗体为沉浸式,占据了状态栏位置。...由于在 H5 端,不存在原生导航栏和 tabbar,也是前端 div 模拟。如果设置了一个固定位置的居底 view,在小程序和App端是在 tabbar 上方,但在 H5 端会与 tabbar 重叠。

    15.5K20

    如何使用 CSS 设置和自定义水平和垂直滚动条

    在本节中,我们将按照以下步骤创建一个可滚动的侧边栏导航:a)创建带有导航项目的导航栏b)将导航栏样式设置为侧边栏c)将侧边栏位置设置为固定d)使用滚动条管理项目的溢出a)....创建带有导航项目的导航栏为了创建导航栏,我们将使用HTML nav元素。...将导航栏样式设置为侧边栏。创建水平导航栏后,我们可以在设置垂直滚动条之前将其样式设置为垂直侧边栏。...下面的截图显示了我们即将创建的侧边栏:侧边栏要创建上面的侧边栏,我们将在CSS中进行以下更改:将导航栏的显示更改为flex,并将方向设置为column为侧边栏设置背景颜色为导航链接添加底部边框增加导航链接的字体大小和字体粗细为侧边栏设置固定宽度增加...body的高度以使其足够长以滚动以下CSS代码片段描述了如何将初始导航栏样式设置为侧边栏并调整body的底部边距。

    1.9K00

    【移动端网页布局】流式布局案例 ⑥ ( 多排按钮导航栏 | 设置浮动及宽度 | 设置图片样式 | 设置文本 )

    一、多排按钮导航栏样式及核心要点 1、实现效果 要实现下面的导航栏效果 ; 2、总体布局设计 该导航栏可使用 10 个 标签盒子 进行制作 ; 该导航栏的宽度自动充满整个屏幕 , 宽度为...100% , 高度也不需要设置 , 设置自适应即可 ; 具体控制每行显示多少个元素 , 需要进行精确的计算 , 每行有 5 个元素 , 每个元素占宽度的 20% , 这个计算必须精准到 1 像素 , 如果不精确...: 10px 0; } 5、设置文本 在链接中的文本 , 放在 标签中 , 该标签宽度默认充满父容器 , 高度自适应 ; 将其设置为 block 块级元素 , 就可以放置在图片下方 ;...文本 span 样式为 : nav a span { /* 导航栏中的文本 设置为 块级元素 */ display: block; } 二、完整代码实例 ---- 1、HTML 标签结构...*/ margin: 10px 0; } nav a span { /* 导航栏中的文本 设置为 块级元素 */ display: block; } 3、展示效果

    3.3K40

    waypoint_使用jQuery Waypoint创建粘性导航标题

    它们的宽度和高度以及边界半径也使用百分比设置。...当用户向下滚动时,表达式direction==='down'计算结果为true ,因此我们的导航栏将接收到sticky类,并停留在视口的顶部。...向下滚动时,我们将扩展其高度,并且下面的内容保持不变。 不过有一个问题-要使其正常工作,您可能希望导航栏周围的任何垂直边距都应应用于nav-container而不是nav 。 就是这样!...所有这些都是标准的jQuery票价:在nav添加或删除sticky类后,我们便会使用.css()覆盖元素的垂直位置,然后使用.animate()其设置为应有的水平。...实际上,这意味着将告诉脚本当前正在查看哪个部分的假想线放置在视口顶部的三分之一左右,即观看者在阅读长文本时所处的位置。 一个更强大的解决方案可以使用功能来适应导航栏高度的变化。

    3.4K30

    【CSS】课程网站 网格商品展示 模块制作 ② ( 网格商品展示盒子模型测量及样式 | 处理列表间隙导致意外换行问题 | 代码示例 )

    将最后一个元素的右边距去掉 ; 将盒子宽度从 1200 像素修改为 1215 像素 ; CSS 样式如下 : /* 网格商品展示 */ .box-bd { /* 处理列表间隙导致意外换行问题...样式 */ /* 侧导航栏 样式 */ .subnav { /* 设置左浮动 */ float: left; /* 左侧侧导航栏 190 x 420 , 左右两侧各 20 像素内边距 */...黑色背景 0.3 透明度 */ background: rgba(0, 0, 0, .3); } /* 测导航栏 中 无序列表 列表项 高度 45 像素 */ .subnav li { /* 高度...60 像素, 文字与顶部有 10 像素间隔 这里将列表项设置成 50 像素 , 此位置直接写文字即可 多行文本无法设置居中 , 为了保证文字处于距离顶部 10 像素位置...只能将列表项设置为 50 像素高度*/ height: 50px; /* 设置底部边框 */ border-bottom: 1px solid #ccc; /* 顶部设置 10 像素外边距

    2.4K20
    领券