본문 바로가기

CSS60

css border-radius 속성으로 각각의 테두리에 둥근 모서리 적용시키기 css border-radius 속성으로 각각의 테두리에 둥근 모서리 적용시키기 네 안녕하세요, 이번 포스팅에서는 각각의 테두리에 둥근 모서리를 적용시키는 방법에 대하여 알아보겠습니다. 이전 포스팅에서 쓴 모든 모서리를 둥글게 만드는 방벙에 이어서 작성하는 포스팅입니다. 모든 모서리를 둥글게 만드는 방법이 궁금하신 분들은 아래 포스트를 기재해 둘 테니, 그곳을 방문해 주시면 감사하겠습니다. 2023.03.19 - [html, css, 자바스크립트] - css border-radius 속성으로 모든 모서리 둥글게 만들기 css border-radius 속성으로 모든 모서리 둥글게 만들기 css border-radius 속성으로 모든 모서리 둥글게 만들기 네 안녕하세요, 이번 포스팅에서는 css에서 쓰는 고.. 2023. 3. 19.
css border-radius 속성으로 모든 모서리 둥글게 만들기 css border-radius 속성으로 모든 모서리 둥글게 만들기 네 안녕하세요, 이번 포스팅에서는 css에서 쓰는 고급 테두리 꾸미기 기능 중에서 테두리를 둥글게 만드는 방법에 대하여 알아보도록 하겠습니다. 가금 테두리를 꾸밀 때 각이 있는 테두리보다는 각이 없는 둥그스름한 테두리가 더 어울리는 경우가 있습니다. 그래서 css로 테두리를 꾸밀 수 있는 고급 기능 중에서는 둥근 테두리를 만들 수 있는 기능을 지원합니다. 그럼 지금부터 이를 어떻게 사용을 하는지 알아보도록 하겠습니다. 1. css로 둥근 모서리의 테두리 만들기(border-radius) css에서 둥근 모서리를 만드는 기능을 제공하는 프로퍼티의 이름은 border-radius입니다. 여기에서 사용되는 픽셀값은 모서리의 반지름 값입니다. .. 2023. 3. 19.
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.

티스토리툴바