본문 바로가기

프론트엔드개발/HTML,CSS,JS

[CSS]step.8 나만의 style 태그 만들기

[class ]

[class  실습예제 - 수정 전]

기존

[class  실습예제 - 수정 후]

html 태그에서 <tr class = "testname"> 추가

//html 페이지에서 적용
 <tr class="testname">
    <td> 1억3400만원</td> <td>8,001,246</td> <td>3,165,420</td>
  
  </tr>

 

css파일에서 .testname을 통해  클래스 정의하기

//style.css 파일에서
.testname{
    font-size: 14px;
    background-color:  #fffDE7;
}

 

 

‼️‼️혹시 오타로 인해 아래와같이 적용되면 background: color으로 제대로 배경색이 변경되지않는다.

오타를 꼭 확인해주세요

[class  실습예제 - 수정  후]

 

 

여기까지 감사합니다.

 

 

 

====================================================

출처: IT UP, 코딩이 처음이어도 괜찮아! 진짜 입문자를 위한 웹개발과 IT 기초 지식
https://itup.co.kr/rv1/k-digital/main/lecture/info?course_uid=912417&education_uid=52212

잔재미코딩

https://www.fun-coding.org/

반응형