HTML_CSS_028_사이트모작_03

작업_3

로고바 구현

HTML

<div class="con">
  <div class="logo-bar">
    <a href="#">BMX</a>
  </div>
</div>

CSS

/* 노멀라이즈 */
body, ul, li {
  margin:0;
  padding:0;
  list-style:none;
}
a {
  text-decoration:none;
  color:inherit;
}
/* 라이브러리 */
.con{
/*   임시 크기 지정 */
  width: 1200px;
  height: 500px;
  background-color:#afafaf;
/*   가운데 정렬 */
  margin-left:auto;
  margin-right:auto;
}
/* logo-bar 구현 */
.logo-bar{
/*   background-color: red; */
  text-align:center;
}
.logo-bar > a{
/*   background-color: gold; */
  font-weight:bold;
  font-size: 3rem;
}