[HTML/CSS] 컴알못의 도전기 7일차

 

배경, 테두리 설정하기 ✨

 

 

테두리

button 태그를 실행하면, 좌측과 같은 버튼이 생성된다. 그 주위에 테두리를 border라고 명칭

 

 

버튼 border의 구체적인 설정 css에서 가능

 

solid: 테두리 스타일 실선으로 설정, 색상: 빨강, 크기(굵기): 픽셀 

 

📌 스타일의 종류

; dotted, dashed(점선), none(테두리 없음)

 

 

 

div태그와 span태그에도 스타일 적용 출력

이 둘은 html의 설정으로 겹치는 영역(마진)이 발생 

 

 

 

 

button태그와 input 태그의 border 없음 설정, 각각 outline 없음 설정하면, 아래의 노란, 검은 원과 같은 결과 출력

 

 

 

 

div, span태그 테두리를 원형으로 만들기

; css에서 border-radius 픽셀 설정 (border가 있는 곳에선 모두 변경 가능)

 

 

 

✅  css에서는 태그의 스타일, 변경, 추가가 가능하다