html 리스트

ALL

HTML CSS display의 block, inline 사용 방법 예제

HTML에서 display 사용 방법을 알아보겠습니다. display의 block, inline 메뉴를 만들기 전에 잠시 설명을 하겠습니다. CSS를 공부할 때에 이해하고 넘어가지 않으면 안 되는 것이display프로퍼티 값입니다. 요소명 { display : 값; //display, inline 등 } 우선은display:block에 대해 설명하겠습니다. p 요소 style="background-color: #eee; padding: 0 4px;" p 요소는 위와 같이 가로 폭이 끝가지 펼쳐져 있는 것을 알 수 있습니다. li 요...
ALL

HTML CSS 리스트 작성하기 (메뉴 만들기) 예제

HTML에서 리스트를 작성하는 방법을 알아보겠습니다. 리스트는 문자를 열거하거나 하는 경우 많이 사용합니다. 사이드바나 메뉴등에서 많이 사용합니다. 그리고 작성한 리스트를 CSS로 디자인 하는 방법을 알아보겠습니다. 리스트 작성하기 다음으로는 리스트를 작성해 보도록 하겠습니다. 리스트를 자주 사용하는 것으로 내비게이션이나 사이드바 메뉴 부분입니다. <!DOCTYPE html> <html lang="kr"> <head> <meta charset="UTF-8"> <title>테스트</title> <link rel="stylesheet"...