HTML, CSS

html 홈이동 글쓰기 다크모드 cssnav { width: 5%; height: 90%; background-color: white; float: left; /* border: 1px solid black; */ } nav ul{ margin: 0; padding: 0; width: 100%; list-style: none; display: flex; flex-direction: column; justify-content: center; align-items: center; } nav li{ width: 200px; text-align: center; margin-top: 20px; /* 이미지들 간의 간격 조절 */ } nav li div { border: 2px solid #BFBFBF; borde..

DOCTYPE html> Document html,body{ margin:0px; } header{ height:100px; border:5px solid red; } nav{ height: 30px; border:5px solid orange; margin:70px 0 0 0; } nav ul{ display:flex; list-style: none; margin:0px; } section{ height: 500px; border:5px solid green; /*width:90%;*/ } aside{ height: 500px; width: 100px; border:5px solid blue; } .flex_box{ display: flex; } footer{ height: 100px; border:5..

html 생일 cssinput[type="date"]{ position: relative; width: 40%; color: royalblue; font-weight: bold; text-align: center; } input[type='date']::-webkit-calendar-picker-indicator { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* 배경은 투명하게 */ background: transparent; /* 글자도 투명하게 이 두 설정을 통해 캘린더 아이콘을 사라지게 만든다 */ color: transparent; cursor: pointer; } 결과

html 취미 낚시 유튜브 조깅 게임 cssselect { -webkit-appearance: none; /* 크롬 화살표 없애기 */ -moz-appearance: none; /* 파이어폭스 화살표 없애기 */ appearance: none; /* 화살표 없애기 */ display: inline-block; border: 1px solid rgb(53, 85, 180); border-radius: 5px; width: 30%; height: 24px; text-align: center; outline: none; } #hobby { color: rgb(53, 85, 180); font-size: 15px; font-style: normal; font-weight: bold; line-height: 10..

html 관심분야 웹디자인 프론트엔드 백엔드 데이터베이스 데브옵스 기획 운영 css.interest { padding: 6px; } .interest input[type=checkbox]{ display: none; } .interest input[type=checkbox]+label{ display: inline-block; cursor: pointer; height: 24px; width: 80px; border: 1px solid rgb(53, 85, 180); border-radius: 5px; line-height: 24px; text-align: center; font-weight:bold; font-size:13px; } .interest input[type=checkbox]+label{ b..

radio 버튼 색 변경html 성별 남자 여자 비공개 cssinput[type='radio'] { /* 기본 브라우저에서 기본 스타일 제거 */ appearance: none; width: 13px; height: 13px; /* 체크되지 않았을 때의 테두리 색상 */ border: 1px solid #ccd2ee; border-radius: 50%; /* focus 시에 나타나는 기본 스타일 제거 */ outline: none; cursor: pointer; } /* 체크 시 버튼 모양 스타일 */ input[type='radio']:checked { /* 체크 시 내부 원 색상 */ background-color: rgb(53, 85, 180); /* 라인이 아닌, 라인과 원 사이 색상 */ bor..

html 아이디 (*) 비밀번호 (*) 비밀번호 확인 (*) 이름 (*) 나이 이메일  csstable{ background-color: white; border: 1px solid #ccd2ee;}#inTable td{ border: 1px solid #ceceee;}i..

1. 월드와이드웹 (WorldWideWeb, 1990) 개발자: 팀 버너스 리 (Tim Berners-Lee) 엔진: 자체 개발된 초기 엔진 특징: 최초의 웹 브라우저이자 편집기. HTML 문서를 읽고 쓸 수 있었으며, 이후 "Nexus"로 이름이 변경되었습니다. 2. 모자이크 (Mosaic, 1993) 개발자: 마크 안드레센 (Marc Andreessen)과 NCSA 팀 엔진: 자체 개발 특징: 그래픽 인터페이스를 도입한 최초의 웹 브라우저로, 이미지와 텍스트를 함께 표시할 수 있었으며, 대중적인 인터넷 사용을 촉진시켰습니다. 3. 넷스케이프 내비게이터 (Netscape Navigator, 1994) 개발자: 넷스케이프 커뮤니케이션즈 엔진: 자체 엔진 (모자이크에서 파생됨) 특징: 인터넷 붐을 이끈 주..