Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

Ne quid nimis

07일차 본문

공부기록/공부기록,2021-04-19

07일차

minjeong 2021. 4. 21. 11:58

메뉴 만들기

 

HTML

 

<div><a href="#">아이템</a></div>


<section>
  |
  <nav><a href="#">아이템</a></nav>
  |
  <nav><a href="#">아이템</a></nav>
  |
  <nav><a href="#">아이템</a></nav>
  |
  <nav><a href="#">아이템</a></nav>
  |
  <nav><a href="#">아이템</a></nav>
  |
  <nav><a href="#">아이템</a></nav>
  |
  <nav><a href="#">아이템</a></nav>
  |
</section>

 

 

CSS

 

div {
  text-align:center;
}

div > a {
  font-size:4rem;
  letter-spacing:-10px;
}


a {
  color:black;
  text-decoration:none;
  font-weight:bold;
}
section {
  text-align:center;
  display:black;
}


section > nav {
  display:inline-block;
  width:140px;
}


section > nav:hover > a {
  color:red;
}

 

Comments