전체 글399

• 

  [CSS] ch04-02. margin 02_margin.html 예약 방법 및 요금 예약 방법 요안도라 예약의 가장 빠른 방법은 인터넷 전화 070.4529.8743으로 직접 통화하시거나 문자를 남기시는 것입니다. 인터넷 전화라 시외전화 요금이 부과되지 않습니다. 예약 방법 요안도라 예약의 가장 빠른 방법은 인터넷 전화 070.4529.8743으로 직접 통화하시거나 문자를 남기시는 것입니다. 인터넷 전화라 시외전화 요금이 부과되지 않습니다. 예약 방법 요안도라 예약의 가장 빠른 방법은 인터넷 전화 070.4529.8743으로 직접 통화하시거나 문자를 남기시는 것입니다. 인터넷 전화라 시외전화 요금이 부과되지 않습니다. 02_margin.css @CHARSET "UTF-8"; /*margin: 1개쓸경우 4방향 다 포함, 2개쓸경우 상하, 좌.. WEB/CSS 2017. 8. 23.

• 

  [CSS] ch04-01. width 첫번째 사진 링크: https://t1.daumcdn.net/cfile/tistory/99F06333599D19D41D 두번째 사진 링크: https://t1.daumcdn.net/cfile/tistory/992B1133599D19D423 세번째 사진 링크: https://t1.daumcdn.net/cfile/tistory/99527D33599D19D42E 네번째 사진 링크: https://t1.daumcdn.net/cfile/tistory/99EA2533599D19D404 다섯번째 사진 링크: https://t1.daumcdn.net/cfile/tistory/9986B633599D19D406 사진 파일 5개는 링크를 클릭하여 [이미지를 다른 이름으로 저장]하세요. 첫번째 사진명: 1.jpg 두번째 사진.. WEB/CSS 2017. 8. 23.

• 

  [CSS] ch03-10. grad 10_grad.html 10_grad.css @CHARSET "UTF-8"; div { width: 500px; height: 300px; border: 1px solid black; border-radius: 10px; } .grad1{ background: linear-gradient(135deg, blue, white); } .grad2{ background: linear-gradient(to bottom, blue, white); } .grad3{ background: linear-gradient(to bottom, blue, white 30%, blue); } WEB/CSS 2017. 8. 23.

• 

  [CSS] ch03-09. bgorigin 09_bgorigin.html 이용안내 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아.. WEB/CSS 2017. 8. 23.

• 

  [CSS] ch03-08. bgsize 08_bgsize.html 08_bgsize.css @CHARSET "UTF-8"; div{ width:600px; height:400px; background:url(../img/station.jpg) no-repeat; border:1px solid black; border-radius:10px; margin-bottom:20px; } .bgsize1{background-size:auto;} /*background-size: 배경사이즈 width, height*/ .bgsize2{background-size:300px;} .bgsize3{background-size:200px 150px;} .bgsize4{background-size:45% auto;}/*auto 너비와 같게 */ .bgsize5{b.. WEB/CSS 2017. 8. 23.

• 

  [CSS] ch03-07. bgclip 07_bgclip.html 이용안내 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌,.. WEB/CSS 2017. 8. 23.

• 

  [CSS] ch03-06. bg 06_bg.html Joandora 가장 제주다운 수산리집 이용 안내 객실 소개 예약 방법 및 요금 예약하기 06_bg.css @CHARSET "UTF-8"; header{ width:100%; height:280px; margin-top:0; background:url(../img/beach.png) no-repeat left top;/*값을 주면 알아서 잘 해석한다.*/ } WEB/CSS 2017. 8. 23.

• 

  [CSS] ch03-05. bgposition 05_bgposition.html 05_bgposition.css @CHARSET "UTF-8"; .intro{ /*CSS에서 중복은 클래스, 유일은 ID로 불러온다.*/ width:500px; height:300px; border:1px solid black; } #bg1{ background-image:url(../img/bg2.png); background-repeat:no-repeat; background-position:0% 0%; } #bg2{ background-image:url(../img/bg2.png); background-repeat:no-repeat; background-position:30% 60%;/*기준점 왼쪽 맨위, left / top*/ } body{ background-i.. WEB/CSS 2017. 8. 23.

• 

  [CSS] ch03-04. bgimg 04_bgimg.html 04_bgimg.css @CHARSET "UTF-8"; body{ background-image: url(../img/bg.png); background-repeat:repeat-x; /*repeat을 지정하지 않으면, x,y 방향 모두 채움.*/ } WEB/CSS 2017. 8. 23.

• 

  [CSS] ch03-03. bgcolor 03_bgcolor.html 객실 소개 여성 도미토리, 유채방 대상 여성 도미토리 크기 4인 가격 1인 20,000원 동성 도미토리, 또는 가족 1팀을 위한 동백방 대상 동성 도미토리 또는 가족 1팀 크기 4인 가격 1인 20,000원 03_bgcolor.css @CHARSET "UTF-8"; table{ width: 300px; margin-bottom: 30px; } td{ border: 1px solid black; margin-left: 0; padding: 5px; } th{ border: 1px solid black; margin-right: 0; padding: 5px; width: 100px; background-color:#0c5775; color: #ffffff; } WEB/CSS 2017. 8. 23.

• 

  [CSS] ch03-02. opacity 02_opacity.html Joandora Joandora Joandora Joandora 02_opacity.css @CHARSET "UTF-8"; body{ background-color: #036;/*색깔을 나타내는 표현법1*/ } h1{ font-family: Arial, Helvetica, sans-serif; /*맨 앞부터 순서대로 있는 폰트를 찾아낸다 만약 없으면 브라우저 기본 글꼴로 출력된다.*/ font-size: 3em; } .op0{ color: rgb(255,255,255);/*색깔을 나타내는 표현법2*/ } .op1{ color: rgba(255,255,255,1.0);/*색깔을 나타내는 표현법3*/ } .op2{ color: rgba(255,255,255,0.5); } .op3.. WEB/CSS 2017. 8. 23.

• 

  [CSS] ch03.01. rgba 첫번째 사진 링크: https://t1.daumcdn.net/cfile/tistory/998F6C33599CDFCE33 두번째 사진 링크: https://t1.daumcdn.net/cfile/tistory/9939DC33599CDFCE24 세번째 사진 링크: https://t1.daumcdn.net/cfile/tistory/99710833599CDFCE0B 네번째 사진 링크: https://t1.daumcdn.net/cfile/tistory/99074433599CDFCE22 사진 파일 4개는 링크를 클릭하여 [이미지를 다른 이름으로 저장]하세요. 첫번째 사진명: beach.png 두번째 사진명: bg.png 세번째 사진명: bg2.png 네번쨰 사진명: station.jpg CSS 강의에 앞서 파일 4개.. WEB/CSS 2017. 8. 23.