html, css, 자바스크립트97 css 폼 요소 테두리 꾸미기 css 폼 요소 테두리 꾸미기 네 안녕하세요, 이번 포스팅에서는 폼 요소의 테두리를 꾸며보도록 하겠습니다. 우리가 글자를 입력하는 입력 폼의 테두리를 보면 단순히 각이 져서 있는 양식만 보이지는 않습니다. 그걸 둥그렇게 굴리기도 하고, 여러기지 형태로 나타냅니다. 그래서 이번 포스팅에서는 입력 폼의 테두리를 꾸며보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 폼 요소 테두리 꾸미기 - input [type="text"] 사용 폼 요소를 꾸미기 위해서는 역시 input 태그를 사용하게 됩니다. 일단 무언가 사용자가 입력을 해야 하기 때문에, 거의 반드시 input 태그가 들어간다 보시면 됩니다. 그래서 이렇게 입력 폼을 만들고서 입력 폼 테두리는 이렇게 꾸밀 수 있습니다. input[type.. 2023. 5. 8. css 폼 요소에 스타일 입히기 css 폼 요소에 스타일 입히기 네 안녕하세요, 이번 포스팅부터는 폼을 꾸미는 시간을 가져보려 합니다. 웹에서 폼이란, 우리가 로그인, 파일 업로드 등과 같이 웹과 사람 간 상호작용을 담당하는 것이라 보시면 됩니다. 그리고 그러한 요소들 역시 css를 입힘으로써 좀 더 시인성이 뛰어나지게 되고, 가독성도 더 높아질 수 있게 됩니다. 그래서 이렇게 중요한 요소인 폼을 꾸며보도록 할 건데, 그중에서도 폼에 입력하는 요소를 꾸며보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 폼 요소 꾸미기 - input [type="text"] 사용 이 방법은 속성 셀렉터를 사용하는 방법입니다. 속성 셀렉터에 대해서 잘 모르시는 분들은 아래 링크를 참고해 주시면 감사하겠습니다. 2023.03.13 - [html.. 2023. 5. 8. css 표에 마우스 커서를 올렸을 때 셀 색깔 변경되게 하기 css 표에 마우스 커서를 올렸을 때 셀 색깔 변경되게 하기 네 안녕하세요, 이번 포스팅에서는 마우스 커서를 셀에 올렸을 때 셀의 색깔이 변경되게 하는 방법에 대하여 알아보도록 하겠습니다. 이 부분도 시인성 향상을 위해서 사용하는 방법입니다. 그럼 어떻게 쓰는지 바로 알아보도록 하겠습니다. 이 포스팅은 이전에 썼던 포스팅과 연계를 하여 작성하는 포스팅입니다. 아래에 이전에 작성했던 포스트를 기재를 해둘 테니, 참고해 주시면 감사하겠습니다. 2023.04.24 - [html, css, 자바스크립트/css] - css 표 꾸미기 프로퍼티에 대하여 알아보기 css 표 꾸미기 프로퍼티에 대하여 알아보기 css 표 꾸미기 프로퍼티에 대하여 알아보기 네 안녕하세요, 이번 포스팅에서는 표를 꾸밀 때 쓰이는 프로퍼티에.. 2023. 5. 8. css 표에 줄무늬 만들기 css 표에 줄무늬 만들기 네 안녕하세요 이번 포스팅에서는 표에 줄무늬를 만들어보려 합니다. 표에 줄무늬를 만드는 이유는 표가 단색으로만 되어있으면 은근히 시인성이 떨어집니다. 그래서 시인성을 높이기 위해서 사용합니다. 그럼 지금부터 어떻게 사용하는지 알아보도록 하겠습니다. 그리고 해당 css를 적용시킬 표는 저의 이전 포스팅에 표 기본 템플릿이 있는데, 아래에 링크를 기재를 해둘테니 참고하여 주시면 감사하겠습니다. 2023.04.24 - [html, css, 자바스크립트/css] - css 표 꾸미기 프로퍼티에 대하여 알아보기 css 표 꾸미기 프로퍼티에 대하여 알아보기 css 표 꾸미기 프로퍼티에 대하여 알아보기 네 안녕하세요, 이번 포스팅에서는 표를 꾸밀 때 쓰이는 프로퍼티에 대하여 알아보도록 하겠.. 2023. 5. 8. 이전 1 2 3 4 5 ··· 25 다음