css 텍스트 색상 및 글꼴 변화

css 텍스트 스타일링 - 색상 및 글꼴 변화

 

샘플 문장

 

코드

<p>Today is friday.</p> 
<p>Tomorrow is Saturday.</p>

적용 결과

Today is friday.

Tomorrow is Saturday.

 

---

색상 변화

 

코드

<style>
.css-test1 p { 
    color: blue; 
    }
</style>

<div class="css-test1">
  <p>Today is friday.</p> 
  <p>Tomorrow is Saturday.</p>
</div>

 

적용 결과

Today is friday.

Tomorrow is Saturday.

 

---

글꼴 변환

코드

<style>
.css-test2 p { 
    color: blue;
    font-family: cursive;
    }
</style>

<div class="css-test2">
  <p>Today is friday.</p> 
  <p>Tomorrow is Saturday.</p>
</div>

 

적용 결과

Today is friday.

Tomorrow is Saturday.