목록박스만들기 (1)
K_blueprint
HTML로 박스 만들기
[ HTML 태그는 사각형 박스로 다루어진다. ]- CSS에서의 '사각형'은 콘텐츠를 둘러싸고 있는 '패딩(padding)', '테두리(border)', '여백(margin)'으로 구성된다. 콘텐츠 : HTML 태그의 텍스트나 이미지 부분패딩 : 콘텐츠를 직접 둘러싸고 있는 내부의 여백테두리 : 패딩 외부의 외곽선으로 직선, 점선이나 이미지로 입히는 것이 가능여백 : 박스의 맨 바깥 영역으로 테두리 바깥 공간으로 아래위 인접한 태그와 만나는 공간이다. - 쉽게 그림으로 설명하자면 아래와 같다. [ 박스를 제어하는 CSS3 프로퍼티 ]- 박스의 색 또는 모양도 프로퍼티에 적절한 값을 부여함으로써 조절이 가능하다.- 아래는 각각의 프로퍼티에 값을 부여해서 박스의 크기를 조절하는 예시 코드와 출력 결과이다. ..
HTML & CSS & Java script
2024. 11. 20. 21:03