본문 바로가기
Front/CSS

[CSS] Using CSS List tools

by AlexHouse 2022. 1. 14.

Simply It's CSS list tools, Let's get it


  • <ul style="list-style-type: ;">

 

<ul>
<li>회원관리
<li>사이트 관리
<li>시스템 관리
</ul>

<hr>

<ul style="list-style-type: none;">
<li>회원관리
<li>사이트 관리
<li>시스템 관리
</ul>
<ul style="list-style-type: disc;">
<li>회원관리
<li>사이트 관리
<li>시스템 관리
</ul>
<ul style="list-style-type: circle;">
<li>회원관리
<li>사이트 관리
<li>시스템 관리
</ul>
<ul style="list-style-type: square;">
<li>회원관리
<li>사이트 관리
<li>시스템 관리
</ul>
<ul style="list-style-type: hebrew;">
<li>회원관리
<li>사이트 관리
<li>시스템 관리
</ul>
<ul style="list-style-type: lower-greek;">
<li>회원관리
<li>사이트 관리
<li>시스템 관리
</ul>

 

  • <ol style="list-style-type: ;">, <ol style="list-style-image: url(../images/dot.png);">

<ol style="list-style-type: none ;">
<li>회원관리
<li>사이트관리
<li>시스템 관리
</ol>
<ol style="list-style-type: decimal;">
<li>회원관리
<li>사이트관리
<li>시스템 관리
</ol>
<ol style="list-style-type: decimal-leading-zero;">
<li>회원관리
<li>사이트관리
<li>시스템 관리
</ol>
<ol style="list-style-type: lower-roman;">
<li>회원관리
<li>사이트관리
<li>시스템 관리
</ol>
<ol style="list-style-type: upper-roman;">
<li>회원관리
<li>사이트관리
<li>시스템 관리
</ol>
<ol style="list-style-type: lower-roman;">
<li>회원관리
<li>사이트관리
<li>시스템 관리
</ol>
<ol style="list-style-image: url(../images/dot.png);"> <!-- 여기는 style-image 명심,그리고 그림파일있어야됨 -->
<li>회원관리
<li>사이트관리
<li>시스템 관리
</ol>

 

 

  • <ol style="list-style-position: inside">, <div style="padding-left: 15px; ">

<ol style="list-style-position: inside">
<li>회원 관리
<li>사이트 관리
<li>시스템 관리
</ol>
<ol style="list-style-position: outside">
<li>회원 관리
<li>사이트 관리
<li>시스템 관리
</ol>

<hr>
<div style="padding-left: 15px; ">
<ol>
<li>회원 관리
<li>사이트 관리
<li>시스템 관리
</ol>
</div>

 

To be continue

'Front > CSS' 카테고리의 다른 글

[CSS] Using border tools  (0) 2022.01.19
[CSS] <ul> , <span> Using background-color tools  (0) 2022.01.18
[CSS] CSS Background tools  (0) 2022.01.17
[CSS] Using CSS background tools  (0) 2022.01.15
[CSS] Using CSS tools  (0) 2022.01.13