サイトの紹介と使い方created: 2022/08/20 modified: 2022/08/22
初めに
- パン屑リストの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 --->*/