어제 오늘 내일

CSS에서 태그를 사용하여 목록을 만들면 목록 앞에 점 또는 숫자가 보여집니다. ( 태그와 사용하면 점, 태그와 함께 사용하면 숫자) 이 점 또는 숫자의 색깔을 바꾸기 위해서 CSS의 ::marker 가상 요소를 사용할 수 있습니다. ::marker ::marker는 리스트 아이템 앞에 오는 마커를 선택하는 가상 요소입니다. 리스트의 점 색깔 바꾸기 하나 둘 셋 li::marker { color: red; } li::marker { color: red; } ::marker 가상 요소로 li의 마커를 선택하여 마커의 색깔을 변경하였습니다. 리스트의 점 대신 하트로 바꾸기 하나 둘 셋 li::marker { content: '❤ '; color: pink; } li::marker { ... } ::marke..

HTML에서 목록을 표현할 때, , , 를 사용합니다. [HTML] 순서없는 목록 만들기 [HTML] 순서있는 목록 만들기 이번에는 HTML에서 목록을 표현하는 , , 에 동적으로 목록을 추가하고 삭제할 수 있는 방법을 소개합니다. 에 동적으로 추가하기 function addList() { // 1. 추가할 값을 input창에서 읽어온다 const addValue = document.getElementById('addValue').value; // 2. 추가할 li element 생성 // 2-1. 추가할 li element 생성 const li = document.createElement("li"); // 2-2. li에 id 속성 추가 li.setAttribute('id',addValue); // 2..