Block2 모든 태그에 css 속성을 적용하는 방법 모든 태그에 css 속성을 적용하는 방법 개발을 하다보면 모든 html 요소들에 대해 같은 css를 적용해야 할 수도 있다. 그럴 때 모든 태그에 같은 css 속성을 추가해주는 대신 사용할 수 있는 방법이 있다. div 태그에만 줬던 border 속성을 * 표시에 준 모습이다. 여기서 * 는 모든 html 요소들을 가리킨다. 덕분에 body, div 가릴 것 없이 모두에 border 속성이 추가되었다. * 를 통해 모든 html 요소에 border를 추가했다면 inline 요소인 span 태그에도 border가 적용될까? third 태그의 안쪽에 span 태그를 추가하고 content는 hello로 넣어준 모습이다. hello span태그 역시 텍스트 주변으로 border가 잘 만들어진 모습을 볼 수 있다. 2023. 7. 24. border와 border-style border 속성 경계와 관련된 속성 3가지가 있다. margin, padding, border 이다. margin과 padding은 앞서서 다루어보았다. 2023.07.21 - [TIL/CSS] - margin 속성 사용법과 collapsing margins 현상 2023.07.22 - [TIL/CSS] - padding의 개념과 id로html에 css 주입하는 방법 이번에는 마지막으로 border에 대해 알아볼 것이다. 이것이 바로 div 태그에 border 속성을 적용해본 모습이다. border 속성에는 테두리의 두께, 종류, 색깔을 값으로 넣어줄 수 있다. 위의 경우에는 2px의 두께, solid라는 종류, black을 색으로 넣어주었다. 더 다양한 border의 종류는 아래의 링크에서 확인할 .. 2023. 7. 23. 이전 1 다음
