테두리 글씨 연습

테두리 있는 글자

연습

연습

<div align="center" style="background: rgb(65, 166, 65); border-bottom: 2px double gold; border-radius: 17px; font-family: 굴림; font-size: 22px; font-weight: bold; height: auto; padding: 5px 0px; width: 80px;">

연습

</div>

width와 height 안에 테두리와 안쪽 여백까지 모두 포함

border-radius: 테두리 둥글기

margin: 글상자 밖의 여백

background-color: 글상자 안의 배경 색상

border: 테두리 색상과 두께

padding: 글상자 안의 여백

font-size: 글자 크기

text-align: 문자 정렬 방식  left, center, right

font-family: 글꼴

font-weight: 글자 굵기 100~900(100 단위) normal(기본)은 400, bold(굵게)는 700 

color: 글자 색상

텍스트 박스입니다.

<div class="txc-textbox" style="box-sizing: border-box; margin: 0px; background-color: #ffffff; border: #6799FF 2px solid; padding: 6px;">

<p style="font-size: 16px; text-align: center;" data-ke-size="size16"><span style="font-family: 'Nanum Gothic'; font-weight: normal; color: #6799ff;">텍스트 박스입니다.</span></p>

</div>  자료 사이트