전체 글111 글씨에 그라디언트 넣기 background : linear-gradient(-28deg, #000 42%, #5C32CE 51%, #10c4a4 66%, #000 59%) 2021. 7. 30. HTML 파일 분리하기 HTML include 1. 링크를 클릭하면 나오는 자바스크립트 코드 복사, include.js 파일을 만든다. 2. html을 나누어 분리한다. 3. index.html에 아래의 코드를 넣어 분리한 파일들을 조합한다. https://www.w3schools.com/howto/howto_html_include.asp How To Include HTML How TO - Include HTML Learn how to include HTML snippets in HTML. The HTML Save the HTML you want to include in an .html file: content.html Google Maps Animated Buttons www.w3schools.com 1... 2021. 7. 29. hover 삭제하기 point-events 속성 사용하기 point-events 는 HTML 요소들의 여러가지 이벤트(hover,active 등등.. )의 응답을 조절할 수 있는 속성이다. pointer-events: none; none : HTML 요소에 정의된 클릭, 상태(hover,active등), 커서 옵션들이 비활성화한다. auto : 비활성화된 이벤트를 다시 기본 기능을 하도록 되돌린다. inherit : 부모 요소로부터 pointer-events 값을 상속받는다. 출처: https://webdir.tistory.com/506 [WEBDIR] 2021. 7. 29. 짧은 밑줄 만들기 ※ 부모태그에 position: relative; 주기 .클래스이름::after{ content: ''; width: 60px; height: 2px; background: #e94040; position: absolute; left: 50%; bottom: -15px; transform: translateX(-50%); } .클래스이름::after{ content: ""; width: 80px; height: 2px; background-color: rebeccapurple; position: absolute; left: 0; bottom: -25px; } 그외의 방법 (부모태그에 relative 안줘도됨) Lorem Ipsum Dolor Lorem Ipsum Dolor https://www.codin.. 2021. 7. 27. 이전 1 ··· 6 7 8 9 10 11 12 ··· 28 다음
