반응형 SMALL CSS2 이미지에 테두리와 둥근 모서리 스타일 적용하기 웹사이트에서 이미지를 삽입할 때, 디자인을 더 예쁘게 만들고 싶을 때가 많습니다. 예를 들어 "이 이미지에만 얇은 테두리를 주고 싶어!" 혹은 "이미지의 모서리를 부드럽게 만들고 싶은데..." 같은 고민이 있을 수 있습니다.이럴 때 유용한 것이 바로 HTML의 class 속성과 CSS입니다! 1. 텍스트 폴더에 있는 .xhtml 페이지의 코드 보기입니다.2. Styles 폴더에 있는 .css 페이지의 내용입니다.3. 미리보기 내용입니다. 1. class 속성이란?class는 HTML 요소(태그)에 이름을 붙이는 역할을 합니다. 이 이름을 이용하면 CSS에서 특정 요소를 선택해 스타일을 적용할 수 있습니다.2. 이미지에 테두리와 둥근 모서리 추가하기우선, HTML에서 class="rounded-bor.. 2025. 2. 25. HTML에서 class 태그란? 쉽게 배우는 웹 개발 기초 웹사이트를 만들다 보면 "이 버튼만 색깔을 다르게 하고 싶어!" 혹은 "이 글자들만 특별한 스타일을 주고 싶은데..." 같은 고민을 하게 됩니다. 이럴 때 유용하게 사용할 수 있는 것이 바로 HTML의 class 속성입니다.1. class 속성이란?class는 HTML 요소(태그)에 이름을 붙이는 역할을 합니다. 이 이름을 이용하면 CSS에서 해당 요소를 쉽게 선택해서 스타일을 적용할 수 있습니다.2. class 속성 사용법기본 문법내용예제:이 문장은 특별한 스타일이 적용될 거예요!위 코드에서 class="highlight"라고 지정했기 때문에, CSS에서 .highlight를 이용해 스타일을 바꿀 수 있습니다.3. class 속성과 CSS형광팬 효과를 위한 class 추가하기특정 문장이나 단어에 형광팬.. 2025. 2. 25. 이전 1 다음 반응형 LIST
