body{background-color:#f5f5dc ;} div.zekkei{text-align:center;} /* home iroiro*/ nav{ text-align: center; } nav ul{ margin: 0 ; padding: 0 ; } nav li{ list-style: none; display: inline-block; width: 10%; min-width: 90px; } nav li:not(:last-child){ border-right:2px solid #ddd; } nav a{ text-decoration: none; color: #333; //kuraihaiiiro } nav a.home{ color: #00B0F0; border-bottom:2px solid #00B0F0; } nav a:hover{ color:#ff8c00; border-bottom:2px solid #ff8c00; } /*丸い写真*/ img.spring{border-radius:50%; width:150px; height:150px; object-fit:cover; /*アスペクト比を維持したまま拡大縮小*/ } img.summer{border-radius:50%; width:150px; height:150px; object-fit:cover; /*アスペクト比を維持したまま拡大縮小*/ } img.autumn{border-radius:50%; width:150px; height:150px; object-fit:cover; /*アスペクト比を維持したまま拡大縮小*/ } img.winter{border-radius:50%; width:150px; height:150px; object-fit:cover; /*アスペクト比を維持したまま拡大縮小*/ } /**/ div.a{display:flex; text-align:center; } /* 背景の色設定*/ /*m0=1月*/ body.spring, body.m2 body.m3 body.m4{background:# fff0f5} body.summer body.m5, body.m6 ,body.m7{background: navy} body.autumn, body.m8, body.m9, body.m10 {background:#f5deb3} body.winter, body.m11body.m0,body.m1{background: #f0f8ff}