w3.css

CSS 태그 클라우드

CSS로 태그 클라우드를 만드는 방법을 알아보자.

태그 클라우드를 만드는 방법

1단계) HTML 추가

<span class="tag-cloud">Volvo</span>
<span class="tag-cloud">BMW</span>
<span class="tag-cloud">Tesla</span>
<span class="tag-cloud">Nissan</span>
<span class="tag-cloud">Toyota</span>
<span class="tag-cloud">Saab</span>
<span class="tag-cloud">Porsche</span>
<span class="tag-cloud">VW</span>
<span class="tag-cloud">Fiat</span>

2단계) CSS 추가

.tag-cloud {
  display: inline-block;
  color: white;
  padding: 8px 20px;
  border-radius: 25px;
  background-color: #2196F3;
  margin-top: 8px;
}

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기