[CSS 기초이론] - CSS 목록 스타일(ol, ul)
HTML, CSS 2021. 1. 13. 21:01반응형
www.youtube.com/watch?v=62og41bbo9g&list=PLv_UUi9AVBVsziY1nF_9LxA6c_oaUdQ99&index=8
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script
src="https://kit.fontawesome.com/c8f7448c20.js"
crossorigin="anonymous"
></script>
<title>Document</title>
<style>
ul {
/* list-style-type: none; */
padding-left: 33px;
list-style-image: url('./images/check.png');
}
/* ul li {
float: left;
margin: 10px;
} */
</style>
</head>
<body>
<h1>회사소개</h1>
<ul>
<li>회사소개</li>
<li>연혁</li>
<li>브랜드 소개</li>
<li>찾아오시는길</li>
</ul>
</body>
</html>
반응형
'HTML, CSS' 카테고리의 다른 글
| 링크 태그로 외부 css파일 링크하기 (파비콘, 폰트어썸) (0) | 2021.01.13 |
|---|---|
| figure 태그로 만드는 css목록 스타일 (0) | 2021.01.13 |
| [CSS 기초이론] - CSS 텍스트 그림자 효과, 구글 웹 폰트 활용하기 (0) | 2021.01.13 |
| [CSS 기초이론] - CSS 텍스트 관련 스타일 (0) | 2021.01.13 |
| 쇼핑몰 미니게임 클론코딩 (0) | 2021.01.13 |