얼마전부터 다용도로 사용하고 있는 박스의 태그에 대한 설명이다.
찾아보면 의외로 쓸만한 곳이 많으니 가져다 써도 좋을 것이다.
표기상 두줄에 썼지만 하나로 연결된 문장이다.<div style="color:black; background-color:#eeeeee; border-color:#dddddd; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"> 내용 </div>
<div style="color:black; background-color:ivory; border-color:tan; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"> 내용 </div>
<div style="color:black; background-color:lightcyan; border-color:lightskyblue; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"> 내용 </div>
<div style="color:black; background-color:#FFE9E1; border-color:indianred; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"> 내용 </div>
<div style="color:black; background-color:#E4FFDA; border-color:green; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"> 내용 </div>
나는 위쪽의 2개의 박스를 주로 쓰는데 위쪽의 회색 박스는 인용문에 사용하고, 아래쪽의 노란 박스는 직접 쓴 본문의 내용중 분류가 필요할때 사용한다.
참고로 위쪽 회색 박스는 이글루스측에서 쓰는 글에 종종 보인다.바꿀만한 곳은 글씨의 색이 다른 부분이다.
- 빨간색 부분은 박스 안쪽의 글자색을 지정하는데, 검정색을 그대로 쓴다면 생략해도 된다.
- 파란색 부분은 박스 안쪽의 배경색으로, 위쪽 박스의 경우 연한 회색에 대한 16진 색상 코드인
#eeeeee을 사용하였으며, 아래쪽 박스의 경우 연한 노란색에 해당되는 색상 이름인
ivory를 사용하였다. (
색상표 참고)
- 녹색 부분은 박스의 테두리 선에 대한 색상이다.
배경색과 테두리 선 색을 이것저것 바꿔보며 자신만의 박스를 만들어 보는 것도 재미있을 것이다.
