read : css 순차 배경색 변화 스타일 만들기 : 기술 #css::공대여자홈

#css

.c-rank{background-color: #eee; }

for($i=1,$m=50;$i<=$m;$i++):

if($i<=25){

$t = 255-round(127*($i)/25) ;

// $t = round(255*($i)/25)+127 ;

$r = $t;

$g = round($t/2);

$b = $g;

}else{

// $t = round(255*($i-25)/25)+127 ;

$t = 255-round(127*($i-25)/25) ;

$r = round($t/2);

$g = $t;

$b = $r;

}

.c-rank-<?=$i?>{background-color: rgb(<?=$r?>,<?=$g?>,<?=$b?>);}

endfor;

.c-rank-1 ~ .c-rank-25 까지 빨간색 계열

.c-rank-26 ~ .c-rank-50 까지 초록색 계열 계열

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	1017
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	10848
공지	[공지] 기술 게시판	mins01	06/24 15:10	11047

일	월	화	수	목	금	토
3.31	4.1	4.2	4.3	4.4	4.5	4.6
4.7	4.8	4.9 game_tictactoe 2	4.10	4.11	4.12	4.13
4.14	4.15	4.16	4.17 :scope selector , querySelector 에서 this, self node 지정 1	4.18	4.19	4.20
4.21	4.22	4.23 ui_treemap new 2	4.24	4.25	4.26	4.27
4.28	4.29	4.30	5.1	5.2	5.3	5.4