CSS를 사용하여 사각형으로 사각형을 얻는 방법은 무엇입니까?

debugcn 에 게시 Dev

컴퓨터 공학자

내 프로젝트의 배경을 만들려고합니다. 아래 CSS를 사용할 때

.srd-demo-canvas {
  background-size: 24px 24px;
  background-image:
    linear-gradient(to right,  rgba(0, 0, 0, 0.15) 1px, transparent 2px),
    linear-gradient(to bottom,  rgba(0, 0, 0, 0.15) 1px, transparent 2px);
}

나는 다음과 같은 견해를 얻습니다.

그러나 다음과 같은 큰 사각형이 있고 작은 사각형이있는 배경을 원합니다.

내 CSS 코드에 무엇을 추가하거나 제거해야합니까?

Azametzin

4 개의 선형 그래디언트를 사용하여 다음과 같이 수정할 수 있습니다.

body {
  background-size: 72px 72px, 72px 72px, 24px 24px, 24px 24px;
  background-image: linear-gradient(rgba(0, 0, 0, .5) 2px, transparent 2px), linear-gradient(90deg, rgba(0, 0, 0, .5) 2px, transparent 2px), linear-gradient(rgba(0, 0, 0, .25) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, .25) 1px, transparent 1px);
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-04-2

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

CSS를 사용하여 사각형으로 사각형을 얻는 방법은 무엇입니까?

CSS를 사용하여 사각형으로 사각형을 얻는 방법은 무엇입니까?

xlrd를 사용하여 XLSX 셀에서 각 문자 형식을 얻는 방법은 무엇입니까?

재귀를 사용하여 나선형 정사각형 행렬을 만드는 방법은 무엇입니까?

사각형에서 둥근 사각형으로 버튼을 수정하는 방법은 무엇입니까?

Wpf : 백분율을 기준으로 사각형의 일부를 색칠하는 방법은 무엇입니까?

그림과 텍스트 CSS 부 트랩으로 직사각형을 만드는 방법은 무엇입니까?

CSS 애니메이션을 사용하여 정사각형 경로의 div에서 텍스트를 이동하는 방법은 무엇입니까?

Android에서 직사각형을 기반으로 이미지를 자르는 방법은 무엇입니까?

SDL 2.0으로 사각형을 그리는 방법은 무엇입니까?

OpenCV를 사용하여 다각형을 그리는 방법은 무엇입니까?

클래스를 사용하여 tkinter 캔버스에 다각형을 그리는 방법은 무엇입니까?

PostgreSQL에서 필드를 사용하여 다각형을 만드는 방법은 무엇입니까?

Derby 데이터베이스와 함께 jsf를 사용하여 Google지도에서 다각형을 동적으로 만드는 방법은 무엇입니까?

OpenCV를 사용하여 깊이 이미지에서 임의로 변형 된 사각형을 찾는 방법은 무엇입니까?

CSS 만 사용하여 삼각형 모양의 div를 만드는 방법은 무엇입니까?

출력에서 사용자 값으로 사각형을 생성하는 방법은 무엇입니까?

BigQuery를 사용하여 각 요소로 모든 합계 값을 얻는 방법은 무엇입니까?

프롤로그에서 재귀를 사용하여 직각 삼각형을 그리는 방법은 무엇입니까?

Matlab을 사용하여 간단한 방법으로 두 직사각형 사이의 교차점을 계산하는 방법은 무엇입니까?

웹 페이지를 사각형으로 표시하는 방법은 무엇입니까?

변형 및 Raphaël을 사용하여 직사각형을 회전하는 방법은 무엇입니까?

CSS로 테이블의 배경 사각형을 제거하는 방법은 무엇입니까?

Swift를 사용하여 iOS에서 정사각형으로 자른 사진 축소판을 얻는 방법

Unity를 사용하여 여러 유형을 이름으로 등록하는 방법은 무엇입니까?

MSChart를 사용하여 스트립 라인을 대각선으로 그리는 방법은 무엇입니까?

MSChart를 사용하여 스트립 라인을 대각선으로 그리는 방법은 무엇입니까?

Android를 사용하여 동영상을 조각으로 나누는 방법은 무엇입니까?

ViewPager를 화면 너비에 맞게 정사각형으로 만드는 방법은 무엇입니까?

영화 클립에서 모양으로 사각형을 복사하는 방법은 무엇입니까?

MongoDB를 사용하여 각 창고에있는 총 수량을 얻는 방법은 무엇입니까?