[CSS] Inline CSS

style="속성:값; 속성:값; 속성:값;"

<div style="width: 250px; height: 150px; background-color: rosybrown;"></div>
<div style=" "width: 100px; 
              height: 100px; 
              background-color: darkkhaki;"></div>
<hr>
<div style="width: 100%; height: 100px; background-color: indianred;"></div>
<hr>
<div style="width: 50%; height: 50px; background-color: lightseagreen;"></div>
<hr>

---

background 배경 관련 스타일

<div style="width: 800px;
            height: 700px;
            background-image: url(../images/flower.png);>
            background-repeat: no-repeat;
            background-position: right bottom;
            background-size: 20% 20%;">
</div>

---

텍스트 관련 스타일

<div style="width: 800px;
            height: 150px;
            background-color: mediumpurple;
            color: mediumblue;
            text-decoration: underline;
            text-indent: 80px;
            text-shadow: 1px 1px white;
            letter-spacing: -3px;
            line-height: 20px;
            word-spacing: 15px;">
            여러 개의 네이버 계정을 활용한 이벤트 참여로 중복 당첨된 경우, 해당 아이디는 당첨 대상에서 제외됩니다.<br>
            이미지 도용, 조작 사실이 확인되는 경우 당첨이 취소됩니다.<br>
            3회 이상 개별 댓글 시에도 본인 확인이 되지 않을 경우 당첨이 취소됩니다.<br>
            본 이벤트는 사정에 따라 변경될 수 있습니다.<br>
</div>

 

- color : 글자색

- text-decoration : 글자 꾸미기 / underline : 밑줄

- text-indent : 들여쓰기

- text-shadow : 글자 그림자 / 1px 1px white = 그림자 수평(1px) 수직(1px) 색(흰색)

- letter-spacing : 글자간격

- line-height : 줄간격

- word-spacing : 단어간격