카페검색 본문
카페글 본문
-
Re: 몇 분 안에 CSS 애니메이션을 로드하는 방법 2023.12.19해당카페글 미리보기
합니다. 필요한 경우 아래 다운로드 버튼을 통해 코드를 다운로드할 수도 있습니다. HTML 추가: 복사 CSS를 추가하세요: * { margin: 0; padding: 0; } .slider { background: linear-gradient(to right, #1b6c57, #09513d); display: flex; justify...
-
0828 css정의, 선언, 구성요소, 선택자, 글자, 배치, 여백 2024.08.28해당카페글 미리보기
text/css" or "text/JavaScript"> <!-- @import url("파일명“); --> </style> 3. 인라인 스타일 시트 : 일반 html 태그에 스타일을 직접 지정하는 방법 - <태그 style = "속성:속성값; 속성:속성값“> 문장 </태그> - 단, <head>와 <title>에서는 사용할...
-
css 기초 2024.07.26해당카페글 미리보기
bottom, padding-left 하나하나 패딩을 적용할때 *****패딩은 안쪽 여백이므로 값이 요소의 가로값, 세로값에서 벗어나면 요소가 크기가 변화됨 background: 배경색이 들어갈수도 있고 배경 이미지가 들어갈수도 있음 하나의 요소에는 한번이상 사용불가...
-
[ 카페 기본 CSS ] 2024.05.30해당카페글 미리보기
rel="stylesheet" href="https://t1.daumcdn.net/cafeattach/1ZdFf/7ff60837ae6e30fadc999ffcf0d5d5d8a87843cf" data-css="하단간격 30px"> <style> #user_contents { padding-top:25px; } .table-wrap table { max-width:1100px !important; margin:0...
-
CSS로 중앙 정렬하는 방법(1) 2024.05.09해당카페글 미리보기
2. CSS .container { font-family: Arial, Helvetica, sans-serif; font-size: 1.5rem; margin: 25px; /* 마진 - 위, 오른쪽, 아래, 왼쪽 */ width: 350px; /* 너비 */ height: 200px; /* 높이 */ border: 1px solid #000; /* 테두리 */ outline: dashed...
-
z 2024.11.26해당카페글 미리보기
url_reloader-5294b589a8.js"></script> <script> UrlReloader.init(); </script> <style type="text/css"> html, body, iframe { margin: 0; padding: 0; height: 100%; width: 100%; line-height: 0; } body { display: flex; } iframe { display: block...
-
0926 과제 2024.09.26해당카페글 미리보기
62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 /*css*/ body{ margin: 0px; padding: 0px; } .container{ margin: 0px auto; width: 1000px; height: 2000px; } .top-menu{ padding-top...
-
240927 반응형 페이지 2024.09.30해당카페글 미리보기
width=device-width, initial-scale=1.0"> <title>t21.html</title> <link rel="stylesheet" href="t21.css"> <style> body { margin: 0px; padding: 0px; } .container { margin: 0px auto; width: 1000px; height: 700px; } h2.hpage { background-color...
-
♣ CSS 중간 점검 (PADDING) ~~~~ 복습 2004.07.08해당카페글 미리보기
스타일시트 예제 테두리표현 1 테두리와 문단간격 - [ padding ] 2 테두리 모양 - [ border-style ] 3 테두리 두께 - [ border-width ] 4 테두리 색상 - [ border-color ] 1. 테두리와 문단간격 - [ padding ] [예제] - 실행화면 보기 ; 2 .테두리 모양...
-
HTML 및 CSS를 사용한 자동 이미지 슬라이드쇼 2023.12.20해당카페글 미리보기
다음 CSS 코드를 사용하여 이 슬라이더의 구조를 구성했습니다. 여기에서는 각 슬라이더를 350px width사용 했습니다 . 150px height저는 animation: roter 29s linear infinite이 슬라이드쇼를 회전하곤 했습니다. 여기서는 전체 슬라이더를 한 번 회전...
