본문 바로가기

Border2

[CSS] border & text 속성 ( + 글자 가운데 정렬 방법 ) border border 속성은 테이블 윤곽 설정이다. 보통 3가지 속성을 한 번에 지정해서 사용한다. ex) 1px solid #777 두께 1픽셀, 줄 종류 한 줄, 색상 rgb값 텍스트 속성은 바로 밑에서 설명한다. html에서 p 속성 3개 블록을 만듦. 스타일에서 p 태그 속성에 모두 테이블 윤곽과 색상을 회색으로 정해준다. #rgb값은 대표적인 색깔을 영어로 입력해도 인식한다. border-radius = 테두리가 둥글어짐 p {border: 1px solid #777; border-radius: 8px;} 둥글어진 테두리의 모습 text 속성 color 텍스트 색 지정 line-height 줄 사이의 간격 지정 letter-spacing 글씨 사이의 간격 text-align 수평에서 글자 정.. 2022. 9. 5.
[HTML] <table> 테이블 태그 (rowspan, colspan, border 사용 방법) 태그는 HTML 문서에서 표를 만드는 태그다. 행과 열을 넣기 위해 , 등을 태그 안에 함께 작성한다. 이전에는 웹 페이지의 레이 아웃을 구성할 때 태그를 이용하여 많이 구성하였다고 한다. 하지만 적당한 사용 방법이 아니므로 레이아웃 구성시에는 태그와 CSS를 이용하는 것이 좋다. 먼저 테이블 태그를 열어보자 테이블 내부에 border라는 속성은 테두리를 의미한다. 픽셀 값을 넣어 테이블의 윤곽을 설정한다. 픽셀 값, 줄 종류, 줄 색상 ex) 1px, solid, #777 같은 형태로 다양한 값 적용이 가능하다. 픽셀만 정해주도록 하자. 이제 테이블 내부에 tr, td로 행과 열을 넣어야 할 것이다. align은 맞추다, 즉 정렬의 의미를 가진 속성이다. VS code에서 작성 시 center, lef.. 2022. 7. 17.