반응형 IT 프로그래밍20 [HTML/CSS 간단 TIP] 가운데 정렬 시키기 css코드 내용을 가운데 정렬하고 싶으신 분들 잘 오셨습니다. 결과부터 말하자면 .class_name{ display:block; margin-left: auto; margin-right: auto; } 가운데 정렬 코드 3개를 css파일에 넣어주거나 style로 추가하시면 됩니다. 상세한 과정을 원하신다면 계속 읽으시면 됩니다 정렬이 잘 되는지 쉽게보기 위해서 이미지를 넣어보겠습니다 Jang go 안녕하세요 냉장고입니다. img 코드를 넣고 class이름은 center로 만들어 보겠습니다. 그냥 사진만 두면 허전하니까 이름을 h3태그로 추가하고, 인사말을 간단하게 넣어보겠습니다. 둘다 class가 필요합니다. 이름의 class를 name으로, 인사말의 class를 hello라고 만들어 보 겠습니다. 일.. 2023. 2. 23. [HTML/CSS 간단 TIP] Visual Studio Code 개발 웹페이지 실시간 확인 웹페이지를 만들면서 바로바로 코드의 결과를 확인하고 싶으신분들!!으 잘 오셨습니다. !! 제가 소개할 프로그램은 Live Server 입니다. 1) 일단 실행시켜 볼만한 파일을 만든 후 2) 화살표가 가르키는 버튼을 선택합니다. 3) Live Server 를 입력한 후 4) 설치를 누릅니다. (제거는 이미 설치완료 되어 있어서 사용 안함으로 뜨는것 이기 때문에 신경 노노) 5) [아까 만든 파일위에서 우클릭 -> Open with Live Server 클릭 ] [Alt + L 또는 Alt + O 누르기] 6) 바로 실행 화면이 나옵니다. Visual Studio Code 에서 실행한 파일의 코드를 변경한 후 저장하면 바로 변경화면으로 나옵니다. 개인적으로 정말 편리합니다 2023. 2. 23. 이전 1 2 3 4 다음 반응형
