<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>불릿 대신 배경 이미지 사용하기 </title>
<style>
ul {
list-style-type:none; /*불릿 없앰 */
margin-left:-30px; /*왼쪽 여백 -30px */
}
li {
background-image:url("book-icon.png"); /*배경 이미지 삽입*/
background-repeat:no-repeat; /*배경 이미지 반복 안함 */
background-position:left center; /*배경 이미지 위치 */
padding-left: 50px;
line-height: 40px;
}
</style>
</head>
<body>
<h1>이지스 퍼블리싱</h1>
<ul>
<li>회사소개</li>
<li>도서</li>
<li>자료실</li>
<li>동영상강의 </li>
</ul>
</section>
</html>
'css' 카테고리의 다른 글
| 9장 예제 - 배경 이미지 크기 조절하기 (0) | 2023.03.30 |
|---|---|
| 9장 예제 - 배경 이미지 배치하고 고정하기 (0) | 2023.03.30 |
| 8장 마무리 문제 3 (0) | 2023.03.28 |
| 8장 마무리 문제 2 (0) | 2023.03.28 |
| 8장 마무리 문제 1 (0) | 2023.03.28 |
