个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
26
4
我想知道如何使用 CSS/CSS3 和 HTML 获得它。如何做到这一点？
如您所见，我指出了 3 个导航面包屑。
最佳答案
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html{
background:#222;
font-size:12px;
font-family:Arial;
}
ul#breadcrumbs{
list-style:none;
/* optional */
margin:100px;
padding:10px 2px 10px 10px;
background:#000;
width:295px;
height:30px;
border-radius:5px;
border:1px solid #222;
-moz-box-shadow:0 0 3px 0 #000;
}
ul#breadcrumbs li{
float:left;
background:#93ce68 url(bg.png)no-repeat right;
height:30px;
padding:0 23px 0 10px;
text-align:center;
text-decoration:none;
color:#000;
line-height:32px;
}
ul#breadcrumbs li.active{
background:url(bg.png)no-repeat right;
color:#000;
}
ul#breadcrumbs li a{
display:block;
text-decoration:none;
color:#fff;
line-height:32px;
text-shadow:0 0 2px #222;
}
ul#breadcrumbs li a:hover{
color:#a2ff00;
}
</style>
</head>
<body>
<ul id="breadcrumbs">
<li><a href="">Home</a></li>
<li><a href="">Page1</a></li>
<li><a href="">Page2</a></li>
<li class="active">About Us</li>
</ul>
</body>
</html>
将图像保存在 html 的根目录中，并使用 clearfix 为 ul 清除 li 浮点值。如果您使用 CSS 边框技术，可能会在某些浏览器中呈现模糊的边框。希望它能解决您的疑问。
关于html - 创建 "navigation breadcrumb"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8314261/
26
4
0
我已经测试了 Schema.org breadcrumb使用 Google Rich Snippets 测试工具的示例。 Books > Literature & Fiction > C
我想为我的网站实现面包屑，但我不想在我的页面上为它创建任何可见的标签。我想过使用元标记，但由于它们没有 href 属性，因此它们不能包含 itemprop="url" 属性。以下是我使用的代码:
我正在使用 this面包屑包 首先，我运行了这个命令行: composer 需要 davejamesmiller/laravel-breadcrumbs:5.x 我也遵循了这些步骤: 在我的 comp
令人难以置信的是，使用 Hugo 找到关于稍微更高级的技术的可靠信息是多么困难。 经过一段时间的搜索，我找到了 this article用一种非常好的方式为 Hugo 实现面包屑。 我稍微修改了一下，
我知道 http://raphinou.github.com/jekyll-base/ 中有单级面包屑。但我正在寻找一些获得 的好方法Jekyll 站点上的面包屑，当目录达到四或五级深度时 . (是的
我正在尝试在 CMS 中构建面包屑导航。 目前，数据库设置有一个表，按行保存每个页面。 我创建了一个表，其中包含: 面包屑中每个项目/类别的项目 ID、项目文本和项目 URL。 我不完全确定从哪里开始
我在更改同一个 DIV 标签的字体颜色装饰等方面遇到了一些困难。 我想做的是在我网站的某些页面上进行面包屑式导航，我想尽量减少我使用的 Div 数量，以便于维护。 这是我已经拥有并想做的事情。
我想将文本“主页”从面包屑导航“搜索”移到左侧，使其位于边栏上方。 你可以看到它在右边in this example . 当我输入 text align: left 时，它只会向左移动几个像素。什么是
无法让这个简单的代码与 css 一起工作。此代码在我的 JSP 页面上运行良好，但我无法让悬停打开 :before 和 :after 的颜色。 Demo HTML Anterior
我是 AngularJS 新手，我使用过 ncy-breadcrumb对于我的 AngularJS 项目。有一个抽象的真实父状态和它的两个子状态。我将这些子状态用于选项卡。但我找不到一种方法来动态地在
我想知道如何使用 CSS/CSS3 和 HTML 获得它。如何做到这一点？ 如您所见，我指出了 3 个导航面包屑。 最佳答案 html{ bac
我在使用 zippers 时遇到了问题和 lens .考虑以下示例: {-# LANGUAGE TemplateHaskell #-} {-# LANGUAGE TypeOperators #-} i
如何用其他文本替换 SonataAdmin 面包屑中的对象 ID？ 如果我设置 __toString() 在我的文档中，它仅适用于编辑。当我尝试创建新记录时，会出现类似 MyDocument:0000
我发现了分类面包屑 (http://drupal.org/project/taxonomy_breadcrumb) 的魔力。我有两个维度，我想对我的内容进行分类: 季节 2010 年秋季 2010 年
我在使用这个插件时遇到一些重大问题 https://wordpress.org/plugins/breadcrumb-navxt/installation/ 我的网站有这样的布局。在我的functio
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 3 年前。 Improve this ques
Sphinx 配置如何在标题中设置“面包屑”？我有一个 Sphinx 项目，我看到的只是项目名称；如果我跳转到子页面，我会迷路并且看不到当前页面的路径。 野外的一些例子: https://docs.p
我设置了一个站点地图页面，并在顶部使用面包屑导航将用户带到他们寻找的直接位置，感觉它有点长。但是，当他们单击面包屑时，面包屑进入了正确的 div，但进入了很远的下方。 这是我的代码
根据列出的 Bootstrap 文档 here关于面包屑的使用，我试图指出一个活跃的面包屑元素: Home Page 但在文档示例中，该元素似乎并没有变为灰色——根本没有任何变化!这段代码有什么问
我有这个 breadCrumb。我如何删除背景。我只想显示没有任何背景的链接。
我是一名优秀的程序员,十分优秀！