이미지를 목록 항목 표시자로 설정

분석 예:

list-style-image 속성은 이미지를 사용하여 목록 항목의 마크업을 대체합니다.

참고: 이 예는 모든 브라우저에서 동일하게 표시되지 않습니다. IE 및 Opera는 Firefox, Chrome 및 Safari보다 이미지 마크업을 약간 더 높게 표시합니다.

그렇다면 모든 브라우저에서 동일한 이미지 로고가 표시된다면 브라우저 호환 솔루션을 사용해야 합니다. 브라우저 호환성 솔루션 사용 방법은 다음 섹션에서 소개됩니다. 학습을 시작하려면 "계속 학습"을 클릭하세요 .

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> ul { list-style-image:url('https://img.php.cn/upload/article/000/000/015/5c6e720242040312.gif'); } </style> </head> <body> <ul> <li>PHP</li> <li>JavaScript</li> <li>MySQl</li> </ul> </body> </html>

제출하다 코드 재설정

자동운전