728x90 WEB87 [CSS] ch04-16. float 16_float.html 예약 방법 및 요금 ¤ 예약 방법 요안도라 예약의 가장 빠른 방법은 인터넷 전화 070.4529.8743으로 직접 통화하시거나 문자를 남기시는 것입니다. 인터넷 전화라 시외전화 요금이 부과되지 않습니다. 제주특별자치도 남제주군 성산읍 수산리 000 번지 요안도라 Copyright ⓒ. All rights reserved. 16_float.css @CHARSET "UTF-8"; .content{ float: left; } aside{ float: right; } WEB/CSS 2017. 8. 28. [CSS] ch04-15. zindex 15_zindex.html A B C 15_zindex.css @CHARSET "UTF-8"; h1{ font-family: Arial; font-size: 60px; font-weight: bold; text-align: center; } div{ width: 200px; height: 150px; margin: 10px 5px; padding: 20px; border: 1px solid black; color: yellow; } #cont1{ position: absolute; left: 10px; top: 10px; background: red; z-index: 1; } #cont2{ position: absolute; left: 180px; top: 20px; background: green; z.. WEB/CSS 2017. 8. 28. [HTML] SVG를 이용하여 색깔 그라데이션 넣기. IE9도 지원하는 TEXT 그라데이션. 결과) WEB/HTML 2017. 8. 28. [CSS] ch04-14. visibility 14_visibility.html 14_visibility.css @CHARSET "UTF-8"; img{ border:2px solid black; border-radius:10px; box-shadow:5px 5px 3px #ccc; } .visible{ visibility: visible; } .hidden{ visibility: hidden; } WEB/CSS 2017. 8. 28. [CSS] ch04-13. fixed 13_fixed.html 이용 안내 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 우도, 성산일출봉, 섭지코지, 김영갑 갤러리, 용눈이 오름 등 주변 관광지와 한라산 동쪽 등산로로 오가실 경우 요안도라에서 콜택시를 이용하실 수 있습니다. 13_fixed.css @CHARSET "UTF-8"; div{ width:200px; height:auto; margin:10px 5px; padding: 5px; border: 1px solid black; } #.. WEB/CSS 2017. 8. 28. [CSS] ch04-12. absolute 12_absolute.html 이용 안내 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 우도, 성산일출봉, 섭지코지, 김영갑 갤러리, 용눈이 오름 등 주변 관광지와 한라산 동쪽 등산로로 오가실 경우 요안도라에서 콜택시를 이용하실 수 있습니다. 12_absolute.css @CHARSET "UTF-8"; div{ width:200px; height:auto; margin:10px 5px; padding: 5px; border: 1px solid blac.. WEB/CSS 2017. 8. 28. [CSS] ch04-11. relative 11_relative.html 이용 안내 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 우도, 성산일출봉, 섭지코지, 김영갑 갤러리, 용눈이 오름 등 주변 관광지와 한라산 동쪽 등산로로 오가실 경우 요안도라에서 콜택시를 이용하실 수 있습니다. 11_relative.css @CHARSET "UTF-8"; div{ width: 200px; height: auto; margin: 10px 5px; padding: 5px; border: 1px solid b.. WEB/CSS 2017. 8. 28. [CSS] ch04-10. static 10_static.html 이용 안내 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 우도, 성산일출봉, 섭지코지, 김영갑 갤러리, 용눈이 오름 등 주변 관광지와 한라산 동쪽 등산로로 오가실 경우 요안도라에서 콜택시를 이용하실 수 있습니다. 10_static.css @CHARSET "UTF-8"; div{ width: 200px; height: auto; margin: 10px 5px; padding: 5px; border: 1px solid black.. WEB/CSS 2017. 8. 28. [CSS] ch04-09. inline 09_inline.html 09_inline.css @CHARSET "UTF-8"; .content1 img{ border: 2px solid black; border-radius: 10px; box-shadow: 5px 5px 3px #ccc; } .content2 img{ display:block; /*inline: 가로배치, block:세로배치*/ margin:10px 5px; border:2px solid black; border-radius:10px; box-shadow:5px 5px 3px #ccc; } WEB/CSS 2017. 8. 28. [CSS] ch04-08. div 08_div.html 이용 안내 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 우도, 성산일출봉, 섭지코지, 김영갑 갤러리, 용눈이 오름 등 주변 관광지와 한라산 동쪽 등산로로 오가실 경우 요안도라에서 콜택시를 이용하실 수 있습니다. 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 .. WEB/CSS 2017. 8. 24. [CSS] ch04-07. block 07_block.html 예약 방법 요안도라 예약의 가장 빠른 방법은 인터넷 전화 070.4529.8743 으로 직접 통화하시거나 문자 를 남기시는 것입니다. 인터넷 전화라 시외전화 요금이 부과되지 않습니다. 07_block.css @CHARSET "UTF-8"; p{ width:500px; border:2px solid black; padding: 10px; } .acc{ color:red; font-weight:bold; } WEB/CSS 2017. 8. 24. [CSS] ch04-06. boxshadow 06_boxshadow.html 06_boxshadow.css @CHARSET "UTF-8"; .bttn{ width:200px; height:100px; margin:50px; background:blue; border:1px solid black; border-radius:50px; } #shd1{ box-shadow: 10px 10px 5px 5px #666; /*기본 outset*/ /*수평 수직 흐림(번지는정도) 확장*/ } #shd2{ box-shadow: 10px 10px 50px -1px white inset; } WEB/CSS 2017. 8. 24. 이전 1 2 3 4 5 6 7 8 다음 728x90