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 |
댓글