검색

검색내용을 입력하세요.

본문 바로가기

귀펀치토끼는 부서지지 않는다.

영웅은 공부 따원 안 한다네/HTML CSS

(23)

[티스토리] 사이드 메뉴 꾸미기 [추가] 프로필 사진, 이름 방문자 [삭제] 코드 내 소셜링크

[티스토리 스킨] 햄버거를 화살표 애니메이션 #header .mobile-menu { position: absolute; top: 25px; right: 30px; transition: all ease 2s 0s; cursor: pointer; } #header .mobile-menu:hover .ham-line1{ /* transform: translateY(-40px); */ width: 80%; transform: translateX(-2px) translateY(2px) rotate(-45deg); transition: width 0.4s, transform 0.4s; } #header .mobile-menu:hover .ham-line3{ width: 80%; transition: width 0.4s, transform 0.4s; tran..

[티스토리] 스크롤바 꾸미기 /* 스크롤 바 */ ::-webkit-scrollbar { width: 15px; } ::-webkit-scrollbar-track { background-color: #fff; } ::-webkit-scrollbar-thumb { border-radius: 20px; background-color: #ffd866; } ::-webkit-scrollbar-button { display: none; }

[티스토리 스킨] 햄버거 누르면 메뉴 오른쪽에서 나오게 하기 /*코드블럭 언어 표시*/ .codeLabel { position: relative; margin: 10px 0 0; } .codeLabel * { user-select: none; cursor: pointer; font-size: 0.7em; } .codeLabel > div { display: inline-block; color: #ccc; text-transform: uppercase; background-color: #282c34; padding: 6px 10px; } .codeLabel span { color: #9c9c9c; margin: 10px; } .codeLabel *:hover { color: #ff5544; } .codeLabel span ~ label input { height: ..

[HTML] 좌우 양쪽으로 벌어짐 비밀번호 비밀번호를 잊으셨나요? .login_info { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; .login_info_right { display: flex; gap: 5px; align-items: center; color: #8a8a8a; text-decoration: underline; cursor: pointer; } }

[HTML] type="date" 아이콘 너비 바꾸기 ::-webkit-calendar-picker-indicator { margin-left: 0; }

[HTML] 테이블 헤더를 왼쪽으로 table 표를 나타내는 HTML 태그 내부에 행을 나타내는 tr과 셀을 나타내는 th, td 태그 등이 사용됨 tr "table row" 표 내부에서 행을 나타내는 태그 th "table header" 헤더 칸(cell)을 나타내는 태그 td "table data" 일반적인 칸(cell)을 나타내는 태그 기본 스타일: 왼쪽 정렬(text-align:left) 🎀 테이블 헤더를 왼쪽으로 Name: Bill Gates Telephone: 555 77 854 🎀 테이블 가로 병합하기 이름 깜장발 한 칸으로 병합 🎀 테이블 칸 수 늘리기 이름 깜장발 소속 베어패밀리 한 칸으로 병합

이전 1 2 3 다음

완료

내 컴퓨터

티스토리툴바