✿∘˚˳°∘°

20230118 +) 웹페이지 화면 전체 스크린샷 하는법 개발자도구 - Ctrl+Shift+P - full capture 1. 아이스몰 - 메인 ICE-MALL CART LOGIN JOIN MENU1 MENU2 MENU3 MENU4 MENU5 MENU6 ICECREAM 민트초코 \3,800 베리베리 스트로베리 \3,800 사랑에 빠진 딸기 \3,800 슈팅스타 \3,800 엄마는 외계인 \3,800 아몬드봉봉 \3,800 ICECREAM 2023-01-18 bk_407@daum.net HTML&CSS body{ margin: 0; } .ice-header{ margin: 0 auto; width: 1200px; margin-top: 20px; } .header-top{ overflow: hidden; }..

20230117 1. 메뉴.1 JAVA ORACLE HTML CSS javacript jQuery spring mybatis .menu{ margin: 100px; width: 800px; } .menu>ul{ list-style-type: none; overflow: hidden; } .menu>ul>li{ float: left; width: calc(100%/8); background-color: navy; } .menu>ul>li>a{ text-decoration: none; color: white; } 2. 메뉴2 프로그램 언어 JAVA C C++ Python 데이터베이스 FrontEnd HTML CSS javascript jQuery Framework .menu{ margin: 100px aut..

20230116 1. 헤더 Lee's world 로그인 회원가입 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 .header{ width: 1200px; /*헤더 가운데정렬을위함*/ margin: 0 auto; } .header-top{ /*height: 40px;*/ /*높이를 고정해주면 membership-link를 만들었을때 보이지 않음*/ overflow: hidden; } .nav{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .header-top>div{ width: 200px; height: 40px; } /*header-top에 있는 후손a태그*/ .header-top a{ text-decoration: none; color: #..

20230113 1. 배경스타일 배경과 배경 이미지 background-color : 요소의 배경생을 지정하는 속성 선택자{background-color : 색상명 | #16진수 | rgb | rgba} 배경색테스트1 배경색테스트2 background-clip : 배경 범위 조정 선택자{ background-clip : border-box | padding-box | content-box } background-image : 요소의 배경을 이미지로 지정 선택자{ background-image:url(이미지경로) } background-repeat : 배경이미지 반복을 조정 선택자{ background-repeat : repeat | repeat-x | repeat-y | no-repeat } backgr..