कैसे बनाया जाता है: CSS ब्रेडक्रम नेविगेशन

ब्रेडक्रम नेविगेशन कैसे बनाया जाता है

ब्रेडक्रम नेविगेशन उपयोगकर्ता के पहले दृश्य के पृष्ठों के लिंक प्रदान करता है और उपयोगकर्ता के वेबसाइट में वर्तमान स्थिति को दिखाता है。

पहला कदम - HTML जोड़ें:

<ul class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Pictures</a></li>
  <li><a href="#">Summer 15</a></li>
  <li>Italy</li>
</ul>

दूसरा कदम - CSS जोड़ें:

/* 设置列表样式 */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}
/* 并排显示列表项 */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}
/* 在每个列表项前后添加斜杠符号 (/) */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
/* 为列表内的所有链接添加颜色 */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}
/* 鼠标悬停时添加颜色 */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

स्वयं अभिप्राय करें

संबंधित पृष्ठ

शिक्षा:CSS पेजनेशन