728x90 반응형 css66 [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (x자 모양) #1 [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (x자 모양) #1 이번 시리즈는 다양한 모양의 햄버거버튼을 만드는 방법입니다 !! 예제코드 결과 2024. 2. 26. [Html & CSS] 헤더 항상 위에 고정 시키는 방법 !! (header sticky 주는 방법) [Html & CSS] 헤더 항상 위에 고정 시키는 방법 !! (header sticky 주는 방법) 헤더에 위치한 메뉴바가 스크롤 내려도 항상 고정 되게 하는 방법입니다 ㅎ 예제코드 My Sticky Header Scroll down to see the sticky effect. This header will stick to the top of the page when you reach its scroll position. Scroll back up to remove the sticky effect. More content to show the scroll effect... Scroll down to see the sticky effect. This header will stick to the top .. 2024. 2. 23. [JavaScript] 토글 스위치로 전구 Turn On/Off 하기 !! [JavaScript] 토글 스위치로 전구 Turn On/Off 하기 !! 2021.07.21 - [Coding/JavaScript] - [JavaScript] 버튼 Onclick 이벤트로 전구 Turn On/Off 하기 !! [JavaScript] 버튼 Onclick 이벤트로 전구 Turn On/Off 하기 !! JavaScript 버튼 Onclick 이벤트로 전구 Turn On/Off 하기 !! 켜진 전구사진과 꺼진 전구 사진을 구합니다 ! JavaScript로 전구 Turn On/Off 하기 !! ON OFF 결과값 JavaScript로 전구 Turn On/Off 하기 !! ON OFF seill.tistory.com 이전글에 토글 방식이 보고 싶다는 요청이 들어와서 만들어봤습니다 ㅎ 예제코드 Ja.. 2024. 2. 22. [Python & Flask] 플라스크에서 static 폴더 경로 참조 하는 방법 !! [Python & Flask] 플라스크에서 static 폴더 경로 참조 하는 방법 !! Flask에서 HTML 파일과 CSS 파일을 연결하는 일반적인 방법은 Flask의 정적(static) 파일 제공 기능을 사용하는 것입니다. Flask는 정적 파일을 제공하기 위해 static 폴더를 사용하며, 이 폴더 내의 파일들은 URL을 통해 직접 접근할 수 있습니다. HTML 파일에서 CSS 파일을 참조할 때는 Flask의 url_for 함수를 사용하여 정적 파일 경로를 생성해야 합니다. 폴더 구조 예시 your_flask_app/ │ app.py └───templates/ │ └─your_template.html └───static/ └─css/ └─style.css CSS 파일 참조 방법 HTML 파일 내에서.. 2024. 2. 21. [Html & CSS] 백그라운드(background-color) 투명하게 만드는 방법 !! [Html & CSS] 백그라운드(background-color) 투명하게 만드는 방법 !! 아래와 같이 주시면 백그라운드가 투명하게 됩니다 :) background-color:transparent; 2024. 1. 2. [Html & CSS] 초간단 자동으로 움직이는 사진 슬라이드 예시 코드 !! [Html & CSS] 초간단 자동으로 움직이는 사진 슬라이드 예시 코드 !! 안녕하세요. 자동으로 사진이 움직이는 슬라이드 예시 입니다 ㅎ 참고하셔서 사용하시면 됩니다 :) 예제코드 결과값 2023. 11. 15. [Html & CSS] span 태그에 onclick 온클릭 이벤트 넣는 방법 !! [Html & CSS] span 태그에 onclick 온클릭 이벤트 넣는 방법 !! 간단한 코드라 아래 예제보시고 필요하게 사용하시면 될 것 같네요 ㅎ 예제코드 span 태그입니다 2023. 11. 8. [HTML & CSS] html에서 "visibility:hidden" 과 "display:none" 에 대한 설명 및 차이점(+사용 예시) [HTML & CSS] html에서 "visibility:hidden" 과 "display:none" 에 대한 설명 및 차이점(+사용 예시) "visibility: hidden" 과 "display: none" 은 HTML 요소를 화면에서 숨기는 데 사용되는 CSS 속성이지만, 둘 사이에는 중요한 차이점이 있습니다. visibility: hidden 요소가 보이지 않게 되지만, 레이아웃에서 여전히 공간을 차지합니다. 즉, 요소는 보이지 않지만, 페이지 레이아웃에 영향을 미칩니다. "visibility: hidden"은 다른 visibility 값(예: visible 또는 collapse)으로 쉽게 전환할 수 있어, 요소를 보이거나 숨길 때 레이아웃이 변경되지 않기를 원할 때 유용합니다. display: .. 2023. 11. 7. [Html & CSS] input에 검색 시 정규식으로 영어랑 숫자만 입력 시키는 방법 !! [Html & CSS] input에 검색 시 정규식으로 영어랑 숫자만 입력 시키는 방법 !! 정규식 만드는김에 검색창 모양으로 만들어 봤습니다 :) 아래 주석에 따라 한글만 허용도 가능합니다 ㅎ 예제코드 🔍 결과값 🔍 2023. 8. 10. 이전 1 2 3 4 5 ··· 8 다음 728x90 반응형
