CSS- 글자 색 변경

Jeongwon·2022년 1월 11일
0

CSS

목록 보기
1/7

1) font 태그를 통해 글자 색 변경

<h1><a href="index.html"><font color = "red">WEB</font></a></h1>
    <ol>
      <li><a href="html.html"><font color = "red">HTML</font></a></li>
      <li><a href="css.html"><font color = "red">CSS</font></a></li>
      <li><a href="javascript.html"><font color = "red">JavaScript</font></a></li>

😑하지만 이 방법은 똑같은 font라는 태그가 4번 중복됨

2) head 태그 안에 style태그 추가

  <head>
    <meta charset="utf-8">
    <title>WEB1- welcome</title>
    <style> 
      a {
      	text-decoration: none; <!-- 모든 a태그에 대해 장식(밑줄)이 없어짐-->
        color:red; <!-- 모든 a태그에 대해 글 색깔을 빨간색으로 바꿔라 -->
      }
    </style>
  </head>

3) style 속성을 사용

<li><a href="css.html" style = "color:red">CSS</a></li> <!-- 빨간색으로 바꿔라 -->

🐙요약

웹페이지에 CSS를 삽입하는 두 가지 방법

1) style 태그
2) style 속성

profile
(❁´◡`❁)

0개의 댓글