html, css, javascript17 [html,css] 가로 스크롤 생기게 하기 *작업환경* 500x100 외부박스 안에 100x100박스 7개가 들어갔을 때, X스크롤 처리 스타일시트 .wrap {width:500px; height:120px; overflow-x:auto; white-space:nowrap; margin:0 auto} /*white-space: nowrap; 선언해줘야 내부 박스가 아래로 떨어지지 않고 가로로 나열됨*/ .wrap > ul { font-size:0} .wrap > ul > li {display:inline-block; font-size:20px; width:100px; height:100px; background:skyblue} .wrap > ul > li:nth-child(even) {background:pink} 2019. 12. 3. [html,css] 이미지에 마우스 hover하면 타이틀 올라가고 버튼 생기게하기! 제이쿼리 없이 이미지에 마우스 오버하면 타이틀이 올라가면서 버튼등장 See the Pen dypbjNE by 허금영 (@gephqhwv) on CodePen. 2019. 9. 14. [html, css] 마우스 오버 시 이미지 확대 마우스 올리면 이미지 확대 되고 떼면 원래 이미지 상태로 돌아오는 효과 간단하게 하는 방법 알려드립니다. See the Pen gOwYVGX by 허금영 (@gephqhwv) on CodePen. 2019. 9. 10. 티스토리 코딩소스 넣는 방법! SyntaxHighlighte (신택스하이라이터) 티스토리에 소스코드 넣는 방법 알려드립니다. 파일 다운받은 후 압축을 풀어주세요 1. 블로그 -> 꾸미기 -> 스킨편집 클릭 2. 오른쪽 상단 HTML 탭 클릭 -> 파일업로드 클릭 3. syntaxhighlighter_3.0.83 안에 scripts, styles를 업로드 해줍니다. *추가 버튼은 하단에 있습니다. 4. HTML탭 클릭 - style은 사이에, script는 사이 [st_3] 위로 내용을 넣으시면 됩니다. (a) 사용할 테마를 넣어줍니다. //다크테마 제가 사용중인 다크테마 입니다. 다른 스킨을 원하시면 SyntaxHighlighte -> style 폴더 안에 있는 다른 파일명으로 수정하시면 됩니다. (b) 사용할 언어를 넣어줍니다. 필요에 따라 사용하실 언어만 넣어도 무관합니다. 이렇.. 2019. 9. 10. 이전 1 2 3 4 5 다음 반응형
