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

04일차

minjeong 2021. 4. 16. 18:41

border : 선

text-align -> center : 글자 가운데 정렬border : 선

 

text-align -> center : 글자 가운데 정렬

 

◐예시◑

 

<div>

  <a href="#" target="_blank">bnx사이트</a>

</div>

 

<nav>

  <a href="#" target="_blank">네이버</a>

</nav>

 

<section>

  <a href="#" target="_blank">구글</a>

</section>

 

  -표시된 부분에 직접적으로 "text-align -> center.left.right" 를 주어야 이동이 된다.

 

 

 

hover -> 해당되는 html에 마우스를 올리게 되면 지정해놓은 색상으로 변경

 

> ->자식선택자border : 선

 

text-align -> center : 글자 가운데 정렬border : 선

 

 

 

text-align -> center : 글자 가운데 정렬

 

 

 

◐예시◑

 

 

 

<div>

 

  <a href="#" target="_blank">bnx사이트</a>

 

</div>

 

 

 

<nav>

 

  <a href="#" target="_blank">네이버</a>

 

</nav>

 

 

 

<section>

 

  <a href="#" target="_blank">구글</a>

 

</section>

 

 

 

  -표시된 부분에 직접적으로 "text-align -> center.left.right" 를 주어야 이동이 된다.

 

 

 

 

 

 

 

hover -> 해당되는 html에 마우스를 올리게 되면 지정해놓은 색상으로 변경

 

 

 

> ->자식선택자