84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
순수한 HTML과 CSS를 사용하여 로고를 만들려고 합니다. 디자인은 매우 직관적이며 일부 색상 항목을 포함하는 [13x13] 매트릭스입니다.
CSS는 매우 간단하고 사소합니다. 그러나 HTML 코드에는 반복되는 부분이 많아 DRY(Don't Repeat Yourself) 코드가 필요합니다.
저는代替를 사용해 보았지만 성공하지 못했습니다.
이 코드를 줄일 수 있는 방법이 있나요?
참고:색상은 동일하게 유지되어야 합니다.
javascript를 사용할 수 있는 경우 셀 유형을 문자열 개체로 연결하고 이를 사용하여 동적으로 플래그를 작성할 수 있습니다. 샘플 코드는 다음과 같습니다.
HTML/CSS의 필요성과 @Temani Afif의 의견을 바탕으로 다음은 SVG 솔루션입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
javascript를 사용할 수 있는 경우 셀 유형을 문자열 개체로 연결하고 이를 사용하여 동적으로 플래그를 작성할 수 있습니다. 샘플 코드는 다음과 같습니다.
HTML/CSS의 필요성과 @Temani Afif의 의견을 바탕으로 다음은 SVG 솔루션입니다.