너의 꼬마, 너의 꼬마, 너의 꼬마, 너의 꼬마, 너의 꼬마.😰)다만, 그 크기를 바꿀 수 있는 사람이 몇 명이나 될까.이번에crowdworks 프로젝트를 받을 때버튼 이름 >분명히 이런 버튼을 해야 되는데.버튼 이름은 font-size로 확대할 수 있지만 오른쪽 글꼴은확대법을 몰라서 반복해 봤지만.드디어 완성되었기 때문에, 비망록으로 이 보도를 쓰다 글꼴 쓰기 (복습) <p>arrow</p> .arrow{ position: relative; display: inline-block; padding-left: 20px; } .arrow::before{ content: ''; width: 6px; height: 6px; border: 0px; border-top: solid 2px #5bc0de; border-right: solid 2px #5bc0de; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 0; margin-top: -4px; } 지금 html 파일을 열면 이렇게 됐어. 크기를 바꾼 꼬마.크기를 변경하려면arrow::before의width와height를 임의의 크기로 바꾸면 못 글자의 크기를 바꿀 수 있습니다.<p class="arrow"></p> <p>arrow</p> .arrow{ position: relative; display: inline-block; padding-left: 20px; } .arrow::before{ content: ''; width: 60px; height: 60px; border: 0px; border-top: solid 2px #5bc0de; border-right: solid 2px #5bc0de; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 0; margin-top: -4px; } width와height는 각각 10배 높아졌다.지금 html 파일을 열어요... 이렇게 됐어. 크기가 변했지만...보시면 아시겠지만 크기는 바뀌었지만 문자열arrow의 글자는 붐볐습니다.이것을 해제하지 않으면 진정한 의미의 크기를 바꿀 수 없다<p class="arrow"></p> <p class="text">arrow</p> .arrow{ position: relative; display: inline-block; padding-left: 20px; } .arrow::before{ content: ''; width: 60px; height: 60px; border: 0px; border-top: solid 2px #5bc0de; border-right: solid 2px #5bc0de; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 0; margin-top: -4px; } .text{ padding-top:40px; } 이렇게 html 파일을 열면 이렇게 됩니다.(심장 박동, 심장 박동) 텍스트를 이동하려면 클래스를 부여하고padding-top을 추가하면 됩니다 이렇게 되면 여러분의 css생활이 더욱 좋아질 것이라고 믿습니다.