hi098123 Tistory Tip

CSS 색상 변경하기

CSS에서 색상은 color로 설정한다. 색상을 나타내는 방법은 크게 3가지가 있다. HEX color rgb rgba 투명도를 나타내는 Alpha값은 IE9 이상부터 지원합니다. 지원 브라우저 확인 방법 코드 예시 CSS에서 설정 html{color:#333}/*검은계열색*/ html의 글자 색상을 선택 만약 옵션이 겹친다면, CSS의 우선순위에 따라 옵션이 설정된다. html내에서 설정 aaa 123 p태그 글자 색상을 하늘색 계열로 설정한다. 배경색을 수정하고 싶다면 background-color에 값을 변경해주면 된다. Alpha 값 안내 HEX에서 #1234 4번이 Alpha값이다. 이렇게 설정시 #11223344 와 동일한 값을 가진다. #12345678 78이 Alpha값이다. Alpha값이..
썸네일 이미지

크롬 input 테두리 제거하기

input태그인 검색기능에서 활성화시 테두리가 뜬다. 모든 테두리 제거방법 이렇게 크롬에서 테두리가 뜨는데 간단하게 CSS설정만으로 테두리를 제거해줄 수 있다. *,*:focus,*:hover{outline:none;} 이렇게 outline값을 none로 설정하게되면 테두리가 제거된다. 왜 이렇게 테두리가 뜨나요? 크롬이 80버전에 들어가면서 outline이 설정되는것이 크롬브라우저의 기본 style(css)로 설정되어있습니다. 따라서 최신 크롬 버전을 사용하시는 경우 버튼(button), 입력(input) 태그 등에서 활성화시 테두리가 표시됩니다. 위 사진은 티스토리 설정에서 해당 코드를 입력한 모습 설정후 활성화가 되었음에도 테두리는 표시되지 않습니다.