HTML

[HTML] background 색깔주기, position으로 위치 정하기, 버튼만들기

EmilyP 2021. 3. 22. 09:26
  • background에 색깔주기 위해서 CSS에 

 

<body> <div id="wrap"> <!-- start header --> <div class="w100 head_background">

이렇게 묶어줌

.head_background{ background:#0C151C; }

 

  • position으로 위치 정해주기

.gnb{ position:absolute; width:800px; left:50%; transform:translateX(-50%); margin-top:7px; }

 

  • 버튼 만들기

#main_visual > a{ display:inline-block; box-sizing: border-box; font-size:16px; padding: 7px 13px; color: white; background-color: #0078FF; border-color: #0078FF; width:210px; height:43px; text-align:center; border-radius: 13px; margin-top: 30px;

 

'HTML' 카테고리의 다른 글

[CSS ] animation 효과주기  (0) 2021.03.26
[CSS] display: inline/inline-block/block  (0) 2021.03.26
[HTML] overflow  (0) 2021.03.19
[HTML] 프레임 만들기  (0) 2021.03.18
[HTML] 리뷰_내가 모르던 팁  (0) 2021.03.18