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

분석 예:

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>

제출하다 코드 재설정

자동운전

전체 화면