Dongi_coding 동기_코딩

안녕하세요 동기 여러분! 오늘은 경계(Border)에 대해 알아보도록 합시다. Borders 경계의 생김새는 아래와 같이 생겼습니다. CSS에서의 코드는 아래와 같이 생겼습니다. p { border: 3px solid red; } 위 코드를 보시면 3가지 종류의 값들을 넣는데 width와 style 그리고 color입니다. Width border에서의 width는 경계선의 굵기를 의미합니다. 아래의 예시는 15px의 굵기입니다. 값 설명 thin 좁은 굵기 medium 중간 굵기 - 기본값 thick 굵은 굵기 숫자 + px 가장 많이 사용하는 픽셀단위 이밖에도 in, pt, cm, em 등등 무수히 많은 단위들이 있다. ※ 만약 width의 값을 정하지 않고 공백으로 둔다면 기본값인 medium으로 설..

안녕하세요 동기 여러분! 오늘은 경계(Border)를 만드는 방법에 대해 알아봅시다! Create a Border CSS 코드에서 경계(Border)를 만들려면 3가지의 값들이 필요하다. 두께(Thickness) : px, em, rem의 단위를 통해서 경계의 두께를 정해줄 수 있다. 타입(Type) : 가장 많이 쓰이는 옵션은 solid (선으로 생김), dotted (...으로 생김), dashed(---으로 생김)가 있다. 색(Color) : 이름으로 된 색, HEX(16진법), RGB로 색을 정해줄 수 있다. 위 그림에 나온 코드에서는 '3px의 두께와 solid 타입에 흰색 경계를 만들겠다'라는 뜻이다. 예 어제의 아이템 세팅 HTML 코드에 사진을 더해서 코드를 꾸며 보았다. HTML 코드 탈..