개발자의 끄적끄적

[html/css] html input box 테두리 없애는 방법 html 에서 input box 의 테두리를 없애고 싶은 경우가 있습니다. 그럴때는 input 태그에 아래 style 옵션을 추가해주면 됩니다. style="border:0 solid black" 위 옵션을 추가한 예제는 아래와 같습니다. 참고들 하세요!

[html/css] css 로 대소문자 변경하는 방법 특정 태그안에 있는 영문 텍스트를 전체 대문자 혹은 소문자로 변경해야 된는 경우 아래처럼 css style 옵션중의 하나인 text-transform 을 이용하면 쉽게 변경할 수 있습니다. 우선 아래와 같이 Test 라는 대소문자가 섞여있는 텍스트가 있다고 가정하고, Test 전체 대문자로 변경하고 싶으면 아래와같이 text-transform: uppercase 를 사용하고 Test // result : TEST 전체 소문자로 변경하고 싶으면 아래와같이 text-transform: lowercase 를 사용하면 됩니다. Test // result : test 위 내용처럼 간단하게 text-transform: uppercase text-transform..

[html/css] html 버튼 색상 변경하는 방법 html 혹은 css 에서 특정 버튼의 색생을 변경하고 싶은 경우가 있습니다! 그럴때는 아래처럼 background-color 을 이용하시면 됩니다. 1. css 에서 적용할때 .button { background-color: blue; } 2. html 태그에 직접 style 옵션으로 줄때 style="background-color: blue;" 위 2가지 방법으로 버튼의 배경색을 변화시키면 버튼의 색상이 변하게 됩니다! 참고들 하세요!

[html/css] opacity 브라우저별 css 설정값 css 에서 opacity 속성을 추가하는 방법입니다! .div { filter: alpha(opacity=50); // explorer -moz-opacity: 0.5; // mozilla opacity: 0.5; // firefox, safari, opera } 위처럼 추가해놓고 사용하지만! 브라우저별로 내용이 다르니 적용하실때 꼭 검색해보시고 하세요!!

[html/css] 부트스트랩 테마 / 템플릿 사이트 모음 [링크] 요즘 개발이 대부분은 자신의 사이트에 맞는 디자인을 제작해서 사용하기는 하지만, 디자인의 비중을 조금 낮추고 전체 반응형으로 정형화된 템플릿을 찾을때 부트스트랩을 많이들 사용합니다. 뭐 개인적으로 차이는 있겠지만요! ㅎㅎ 그래서 부트스트랩 테마 / 템플릿 사이트들을 공유해보고자 합니다! 1. startbootstrap.com/ 많은양의 무료 템플릿들이 있습니다! Free Bootstrap Themes, Templates, Snippets, and Guides Start Bootstrap develops free to download, open source Bootstrap 4 themes, templates, and snippets an..

[html/css] css overflow 옵션들 html 에서 테이블이든 특정영역의 사이즈가 크면 스크롤을 표시하고 싶거나, 스크롤을 숨김처리 하고싶을때, overflow 를 사용합니다. 아래는 overflow 옵션들입니다. overflow:[option] overflow:auto 영역을 벗어나면 자동으로 스크롤바 표시 overflow:scroll 영역과 관계없이 항상 스크롤바 표시 overflow:hidden 영역과 관계없이 항상 스크롤바 숨김 위 내용에 나온대로, auto / scroll / hidden 의 옵션을 줄수 있습니다. 스크롤을 자동으료 표시할지 / 항상 표시할지 / 숨김처리 할지 에 따라서 옵션을 다르게 주면됩니다! 참고들 하세요!

[html/css] table에 스크롤 적용하기 html 에서 반응형 작업을 할때, 테이블을 반응형에 맞추어 줄일 수도 있지만, 내용이 많은 경우 그냥 가로 스크롤을 넣어야 할 때도 있습니다. 그럴때 아래와 같이 하면됩니다.

[html/css] 부트스트랩 기반 무료 템플릿 사이트 [링크] 부트스트랩 기반으로 만들어진 무료 관리자 사이트 템플릿이 있습니다. 한두번 사용해봤는데 괜찮더라구요! AdminLTE 라는 템플릿입니다. 사이트 링크 공유할테니 참고들하세요! 무료버전은 기본적인 세팅만 되어있습니다! 그정도로도 일반 관리자 사이트 구현은 충분히 가능하시겠지만, 더 고도화되고 정교한 템플릿을 원하시면 아래 사이트 가셔서 프리미엄쪽 둘러 보셔도 좋을듯합니다! AdminLTE Site URL : adminlte.io/ Free Bootstrap Admin Template | AdminLTE.IO Bootstrap is raking over the world and so is React. Therefore, we decided to..