728x90 300x250 SMALL Front-end320 모든 브라우저에서 표현할 수 있는 웹안전색상 생상 표기하는 방법 중 하나는 red, black 이런식으로 잘 알려진 색상을 그냥 이름으로 표기하는 방법입니다. 모든 브라우저에서 표현할 수 있는 색상을 웹안전색상(web-safe-color)라고 하고 기본 16가지 색상을 포함해 모두 216가지 색상입니다. 기본색상 16가지 aqua black blue fuchsia gray green lime maroon navy olive purple red silver teal white yellow 컬로코드에 대해 자세히 알 고 싶다면 아래 포스팅 참고 https://moo-you.tistory.com/214 색상 조합 추천 사이트 17 : 컬러코드 디자인 할때는 색상 조합하는게 참 고민인데요 그래서 오늘은 색상 조합에 도움을 줄 수 있는 다양한 사이트를 소개.. 2021. 11. 30. input 클릭시 form 전체 이벤트 효과 :focus-within 지난 포스팅에서 input 클릭시 :focus 의사 클래스를 이용해서 색상을 변경 했는데 이번에는 자식요소중 하나라도 focus를 받으면 전체 요소에 이벤트 효과를 줄 수 있는 방법에 대해서 알아보겠습니다. https://moo-you.tistory.com/402 input 클릭시 테두리 색상변경 input 클릭시 아래와 같이 테두리 색상변경하는 방법입니다. html 이름 input을 클릭했을때 효과를 주기 위해서는 포커스를 받은 요소를 표현하는 :focus 의사클래스를 사용해서 표현할 수 있습니다. moo-you.tistory.com :focus-within 포커스를 받았거나, 포커스를 받은 요소를 포함하는 요소를 나타내는 의사 클래스 html 이름 주소 다음과 같이 form-area안에 두 개의 in.. 2021. 11. 28. input 클릭시 테두리 색상변경 input 클릭시 아래와 같이 테두리 색상변경하는 방법입니다. html 이름 input을 클릭했을때 효과를 주기 위해서는 포커스를 받은 요소를 표현하는 :focus 의사클래스를 사용해서 표현할 수 있습니다. .form-item input:focus{ border-color:#0982f0; outline: none; } :fuocus는 포커스를 받은 요소 자체에만 해당하기 때문에 자식 영역이 포커스를 받은 경우에는 :focus-within을 사용합니다. See the Pen Untitled by kim oya (@ttuttu) on CodePen. :fuocus 브라우저 호환성 2021. 11. 27. form, select, input 태그 속성 form 태그 속성 action : 프로그램 처리가 필요한 화면 넘김 autocomplete : 자동완성기능 끄기 input 속성 autofocus : 페이지 불러 오자마자 커서 표시 readonly : 읽기만 가능 required : 필수로 해야 할 경우 select 속성 size="5" 한번에 5개까지 보여준다는 뜻 multiple 여러개 선택이 가능 2021. 11. 26. 이전 1 ··· 49 50 51 52 53 54 55 ··· 80 다음 728x90 반응형 LIST