본문 바로가기

html&css/css2

<css> 탭메뉴만들기(input태그/label태그의 활용) input태그는 사용자에게서 데이터를 받기 위해 사용되는 주태그이다. 이에 따라 다양한 속성을 가지고 있어서 상황에 맞게 사용할 필요가 있다. label태그는 input에 이름을 붙여주는 태그라고 생각하면 된다. label의 for속성을 통해 input의 id와 연결하는 작업이 필수적이다. 오늘 CSS작업을 통해 탭메뉴만들기는 input의 radio속성을 활용해서 진행될 예정이다. 우선 input태그에 대해 간단히 알아보고 시작해볼까 한다. 이외에도 input태그에 여러 속성이 있으니 참고만 하시길!😉 1. input태그 속성 text 텍스트입력 email 이메일입력 tel 전화번호입력 password 비밀번호입력 color 색상컨트롤 time 사용자지역시간 date 년,월,일 표시달력 month 월 달.. 2024. 4. 12.
<CSS> border-gradient 그라디언트 테두리 오늘은 CSS로 테두리에 그라디언트를 삽입하는 방법을 기록하고자 한다.(포트폴리오 작업하다가 추가 공부하게 된 내용) 일반적인 CSS 테두리 속성은 border: 두께 스타일 색상; (border : 1px solid black;)과 같이 입력하여 사용하지만 테두리에 그라디언트가 들어가는 경우 border-image/background-image속성을 사용하게 된다. 1. border-image : gradient 속성 적용/ 다만, border-radius 속성 적용이 안됨 · border : border속성 설정 · border-image : gradient속성 설정 · border-image-slice (필수로 함께 사용 ★) .square{ border: 10px solid; border-imag.. 2024. 4. 10.