<div style="background-image:url('https://ac.namu.la/20230404sac/a10f3879f1956527073429167aa899e068673187baed39649bf42f33e6f7047c.png?expires=1685351655&amp;key=1PmEiuagYeb6DC0x70yKJg'); background-size:cover; background-reapeat:no-repeat; width:48em; height:27em;"> 전면전을 다 깼어요 </div>

글쓰기에서 오른쪽 위의 < > 코드 보기 아이콘을 누른 뒤, 위의 코드를 붙여넣으면 그림 위에 글자를 쓸 수 있다.

파란색 글씨는 이미지 주소. 하나씩 해설하면

background-image:url('이미지 주소');

 -> url 안에 이미지 주소를 넣으면, 그 이미지로 이미지 영역이 채워진다.

 background-size:cover; 

 -> 이미지 영역에, 이미지가 꽉 차게 만든다.

background-reapeat:no-repeat;

-> 이미지 영역에서 이미지가 무한반복 배경화면이 되지 않도록 막는다.

 width:48em;

 height:27em;

 -> 이미지 영역의 높이와 너비를 결정한다.