내용 : 먼저 <hod> 태그 내부에 큰 레이어를 추가 한 다음 (큰 레이어는 전체 큰 프레임을 고정하는 데 사용됩니다) 큰 층에 4 개의 작은 층을 포함합니다 (4 개의 둥근 모서리는 4 개의 작은 층에 배치됩니다 (PS를 사전에 타원형 모양으로 만들고 슬라이스 도구를 사용하여 그림을 자릅니다).
스타일 : CSS가 <head> 태그 내부에 설정 해야하는 속성 :
1. 위치 : 상대;
2. 너비와 높이;
3 배경색;
4. 테두리 라인 (4 개의 원래 모서리의 상대 위치를 조정하는 데 사용됩니다. 조정 후 테두리 라인 설정을 삭제할 수 있습니다).
작은 층에 대한 CSS를 설정할 때 각 층에서 찾아야하는 특성은 다음과 같습니다.
1. 위치 : 절대;
2. 너비와 높이;
3. 방향 속성 (왼쪽, 오른쪽, 하단, 상단)
4.Background : url () 반복 없음; (둥근 코너 사진을 다양한 방향으로 소개합니다)
둥근 사각형을 구현하기위한 내 코드는 다음과 같습니다.
XML/HTML 코드 복사 컨텐츠를 클립 보드에 복사합니다