본문 바로가기
HTML·CSS/responsiveWeb

'2020.03.19

by for_pavane 2020. 3. 19.

1. font-awsome 사용방법 확인

   - 웹 아이콘을 이미지가 아닌 폰트로 사용할 수 있게 해주는 CSS 스타일. 따라서 fonts 파일도 링크 걸어줘야 함.

   - 웹 아이콘이 이미지가 아닌 폰트로 사용할 수 있게 되므로, font-size, color 등의 font 속성을 활용할 수 있는 장점과

     이미지 해상도가 좋아짐

 

2. css 로 말풍선 삼각형 구현

   - border color에 transparent를 주는 방식을 활용하여 삼각형을 만들어냄

   - 주로 after, before를 활용

 

- 예를 들어 아래와 같이 속성값을 설정한다면

     border-top:5px 0 0 #000;

     border-left:5px 0 0 transparent;

     border-right:5px 0 0 transparent;

     border-bottm:5px 0 0 transparent;

이런 모습의 말풍선을 볼수 있다.

 

 

    

'HTML·CSS > responsiveWeb' 카테고리의 다른 글

1줄 / 2줄 줄임  (0) 2020.03.24
'2020.03.20 IR기법(Images Replacement)  (1) 2020.03.20
'2020.03.18  (0) 2020.03.18
반응형 웹 기본 Layout  (0) 2020.03.16
responisveWeb_반응형 웹  (0) 2020.03.15

댓글