01.パン屑リストのCSS

サイトの紹介と使い方

初めに

1. パン屑リストのCSSです。

ソースコード

/*<--- 0201 */
.my-bread-crumb{
  position:   relative;
}
.my-bread-crumb li{
  display:     inline;
  list-style:  none;
  font-size:   1.5rem;
  font-weight: bold;
}
.my-bread-crumb li:after{
  content: ">";
  padding: 0.3rem;
}
.my-bread-crumb li:last-child:after{
  content: "";
}
.my-bread-crumb li a {
  text-decoration: none;
  color:           #52b5ee;
}
.my-bread-crumb li a:hover {
  text-decoration: underline;
}
.my-bread-crumb_title{
  position:         absolute;
  margin-top:       -2.0rem;
  margin-bottom:  0.5rem;
  font-size:        1.8rem;
  font-weight:      bold;
  background-color: #00ff00;
}
/* 0201 --->*/

お問合せ・御要望