본문 바로가기

오늘의 공부/html & css

1.css: font-weight 2020년 2월7일

  장고를 활용해서 게시판을 만드는 중입니다. 그래도 이왕 만드는거 css 를 통해서 이쁘게 만들려고 합니다.

그 중 버튼의 '로그인'과 '글씨'를 두껍게 하려고 합니다.

 

navbar 화면

 

 

<html 부분에서 로그인 과 회원가입 버튼 코드>

	<a href="#" class="btn btn-primary">로그인</a>
	<a href="{% url 'signup' %}" class="btn btn-primary ml-2">회원가입</a>

 

 

css코드

 

1)오류: bold라는 값을  font-style 속성에 적용해서 조금 헤메었습니다.

 

1)해결: bold 속성값은 font-weight 속성에 적용해야 했습니다

 

font-weight는 글자의 두꺼운정도를 조절합니다.

 

.navbar-brand{
font-family: 'Nanum Gothic', sans-serif;
font-weight:bold;

}

a.btn{
font-family: 'Nanum Gothic', sans-serif; 	
font-weight:bold;
}

 

 css 를 적용한결과 글자의 두께가 두꺼워졌다.

 

'오늘의 공부 > html & css' 카테고리의 다른 글

3.파비콘을 티스토리에 적용하기  (0) 2020.06.11
2.HTML 스타일 적용  (2) 2020.02.16