분류 전체보기221 css border 속성으로 테두리 한 번에 꾸미기 css border 속성으로 테두리 한 번에 꾸미기 네 안녕하세요, 이번 포스팅에서는 이전 시간에 알려드린 테두리 꾸미는 걸 한 번에 하는 방법에 대하여 알아보도록 하겠습니다. 테두리 꾸미는 것도 그 기능들을 각각 다 쓰려면 정말 번거로운 일인데, 그걸 한 번에 하는 방법이 있습니다. 그래서 이번 시간에는 그 방법을 알아볼 것입니다. 그리고 테두리를 꾸밀 때 쓰는 프로퍼티를 잘 모르시는 분들이라면 제가 아래에 테두리를 꾸미는 방법에 대한 글을 써 둔 링크를 기재를 해둘 테니, 거기를 방문하시기를 추천드립니다. 2023.03.18 - [html, css, 자바스크립트] - css border 속성 이용하여 테두리 꾸미기 css border 속성 이용하여 테두리 꾸미기 css border 속성 이용하여 테두.. 2023. 3. 19. css border 속성 이용하여 테두리 꾸미기 css border 속성 이용하여 테두리 꾸미기 네 안녕하세요, 이번 포스팅에서는 테두리를 꾸미는 방법에 대하여 알아보도록 하겠습니다. 박스를 꾸밀 때는 특히 박스의 내부보다는 테두리를 주로 꾸미는 경우가 많습니다. 박스의 내부를 다채롭게 채우는 것 보다 테두리를 꾸미는 것이 오히려 더 깔끔하고 예뻐 보이기 때문입니다. 그래서 이번 시간에는 테두리를 어떻게 꾸밀 수 있는 지 한 번 알아보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 테두리의 두께, 모양, 색 꾸미기 : border-width, border-style, border-color 이용 테두리는 패딩과는 다르게 박스의 경계부를 지칭하기 때문에 색과 스타일을 지정할 수 있습니다. 그 쓰임은 이렇습니다. 아래에 보여드리는 예시는 기본.. 2023. 3. 18. css 박스에 색 입히기 css 박스에 색 입히기 네 안녕하세요, 이번 포스팅에서는 박스에 색을 입혀보는 시간을 가져보려 합니다. 보통 박스의 경우에는 테두리를 표시하거나 박스 내에 색을 입히는 작업을 해서 표시하는 경우가 많습니다. 그 이유는 박스에 색을 입히지 않으면 박스의 경계가 어디인지 육안으로는 확인이 불가능하기 때문에 시인성을 높이기 위해 사용합니다. 그래서 이번 시간에는 박스에 색을 어떻게 입힐 수 있는지 알아보려 합니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 박스의 색 기본적으로 css에서 박스에 색을 입힐 수 있는 속성은 이렇습니다. background border 보통 이 정도를 봅니다. 그 외에 margin이나 padding 등은 이 박스나 그 외 다른 속성들 중에 공간을 가지는 태그들의 경계, 그리고 .. 2023. 3. 18. css 박스 프로퍼티로 박스 제어하기 css 박스 프로퍼티로 박스 제어하기 네 안녕하세요, 이번 포스팅에서는 css 박스 프로퍼티로 박스를 제어하는 것에 대하여 알아보도록 하겠습니다. 앞 포스팅에서 제가 html은 박스로 이루어져 있다고 그랬었죠? 그래서 그걸 우리가 제어를 해줘야만 합니다. 그리고 그걸 css가 담당을 하지요. 그래서 이번 포스팅에서는 박스를 제어하는 css 박스 프로퍼티를 이용하여 박스를 제어하는 방법들에 대하여 알아보도록 하겠습니다. 1. 박스의 크기 박스를 제어하는 가장 기본은 바로 박스의 크기를 제어하는 것입니다. 기본적으로 박스를 제어할 때 쓰는 프로퍼티는 이러합니다. width : 박스의 너비 height : 박스의 높이 margin : 박스의 외부 여백 padding : 박스의 내부 여백 border-width.. 2023. 3. 18. 이전 1 ··· 8 9 10 11 12 13 14 ··· 56 다음