<a href="https://www.naver.com/" target="#">네이버로 이동</a>
<br>
<a href="https://www.google.com/" target="_blank">구글로 이동</a>
<br>
<a href="https://daum.net/" target="_blank">다음으로 이동</a>
HTML
복사
<ul class="menu-1">
<li><a href="#">아이템 1</a></li>
<li><a href="#">아이템 2</a></li>
<li><a href="#">아이템 3</a></li>
</ul>
안녕
HTML
복사
/* 노말라이즈 => 모든 작업 전에 한번 */
/* 노말라이즈 */
body,
ul,
li {
/* margin을 없앤다. */
margin: 0;
padding: 0;
list-style: none;
}
/* a를 노말라이즈 합니다. */
a {
/* 이렇게 하면 나중에 문제가 됩니다. */
/* inherit => 나는 개성이 없어요. => 나는 부모의 속성을 그대로 물려받겠습니다. */
color: inherit;
text-decoration: none;
}
.menu-1 {
border: 10px solid red;
text-align: center;
display: inline-block;
padding: 0 20px;
border-radius: 10px;
}
.menu-1 > li {
border: 10px solid blue;
display: inline-block;
}
body {
text-align: center;
}
CSS
복사
