Recent Posts CSS / Tutorial / ul, ol 가운데 정렬하는 방법 목록 자체가 아니라 목록 안의 내용만 가운데 정렬할 때는 text-align 속성을 사용합니다. 목록 요소 자체를 가운데 정렬할 때는 margin 속성을 사용합니다. 만약 요소의 내용에 맞게 자동으로 크기가 정해지게 하고 싶으면 display 속성을 사용합니다. CSS / Reference / border border는 다음의 속성을 포함하는 단축 속성으로, 테두리를 만듭니다. border-width border-style border-color PHP / Tutorial / 연산자 / 비교 연산자 PHP의 비교 연산자는 두 값을 비교하여 조건의 참(TRUE) 또는 거짓(FALSE)을 반환할 때 사용합니다. PHP / Reference / stripslashes() stripslashes() 함수는 백슬래시를 제거할 때 사용됩니다. 주로 데이터베이스에서 가져온 데이터나 이스케이프 처리된 문자열을 원래 상태로 복원할 때 사용됩니다. PHP 4 이상에서 사용할 수 있습니다. PHP / Reference / addslashes() addslashes() 함수는 PHP에서 문자열에 특수 문자를 이스케이프 처리할 때 사용됩니다. 이 함수는 데이터베이스 쿼리에 사용될 때 SQL 인젝션 공격을 방지하는 데 도움이 됩니다. CSS / Tutorial / 안쪽 여백(padding)과 바깥 여백(margin) 여백에는 안쪽 여백과 바깥 여백이 있습니다. 안쪽 여백은 padding 속성으로, 바깥 여백은 margin 속성으로 정합니다. 여백을 정하면 요소의 크기가 바뀔 수 있습니다. 어떤 기준으로 크기를 정할 지는 box-sizing 속성으로 정합니다. CSS / Reference / list-style-image list-style-image로 이미지를 ul, ol 등의 목록의 마커(marker)로 사용할 수 있습니다. 기본값 : none 상속 : Yes 애니메이션 : No 버전 : CSS Level 1 CSS / Tutorial / 마우스 호버 효과 / 다른 이미지 보여주는 방법 이미지에 마우스를 올렸을 때 다른 이미지가 나타나는 효과를 CSS로 만들어보겠습니다. 다음과 같이 이미지 두 개를 넣고 div로 감쌉니다. CSS / Tutorial / 마우스 호버 효과 / 서서히 길어지는 선 만드는 방법 마우스를 올리면 선이 그려지는 효과를 만들어봅니다. 다음과 같이 사각형을 만듭니다. :before를 이용하여 선이 시작하는 위치를 정합니다. position 속성으로 선 위에 선을 그릴 수 있도록 설정합니다. CSS / Tutorial / 마우스 호버 효과 / 텍스트 나오게 하는 방법 CSS로 특정 요소에 마우스를 올렸을 때 보이지 않던 특정 요소가 보이게 할 수 있습니다. 아래는 문단에 마우스를 올렸을 때 div 요소가 나오게 하는 예제입니다. div 요소 안에 텍스트가 있지만, 텍스트가 아닌 이미지 등 다른 것도 가능합니다.
