[HTML,CSS기초]6-2.나만의 음원차트 만들기
결과물
주요 코드
<div class="box">1.너를 만나 - 폴킴</div>
<div class="box">2.여전히 아름다운지 - 김연우</div>
<div class="box">3.도망가자 - 선우정아</div>
<div class="box">4.언제라도 어디에서라도 - 정승환</div>
<div class="box">5.LOVE PARAGE - 데이식스</div>
.box{
height: 50px;
background-color:rgb(118, 246, 162);
line-height: 50px;
padding: 5px;
margin: 15px;
font-weight: bolder;
}
<div class="box">1.너를 만나 - 폴킴</div>
<div class="box">2.여전히 아름다운지 - 김연우</div>
<div class="box">3.도망가자 - 선우정아</div>
<div class="box">4.언제라도 어디에서라도 - 정승환</div>
<div class="box">5.LOVE PARAGE - 데이식스</div>
.box{
height: 50px;
background-color:rgb(118, 246, 162);
line-height: 50px;
padding: 5px;
margin: 15px;
font-weight: bolder;
}
: line-height는 글자의 수직정렬 하기 위해서 사용, height와 똑같이 설정하면 중앙정렬이 된다.
padding: 5px이 연두색 띠이고 margin:15px이 주황색 띠이다.
Author And Source
이 문제에 관하여([HTML,CSS기초]6-2.나만의 음원차트 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@sue06004/HTMLCSS기초6-2.나만의-음원차트-만들기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)