Excel에서 원형 차트를 만드는 방법. 행과 열을 추가하는 둥근 모서리
이 기사에서는 모서리가 둥근 테이블을 만드는 방법을 알려 드리기로 결정했습니다. 아마 인터넷 서핑을 하다가 이런 테이블을 한 번쯤 접해 보셨을 거라 생각합니다.
그러한 테이블에 대해 정확하게 알려 드리겠습니다. 물론 이러한 테이블은 여러 가지 방법으로 만들 수 있습니다. 제가 말씀드릴 이 방법은 가장 간단하고 "아름답습니다". 이러한 테이블을 다른 방법으로 만들면 JAVA를 공부해야 하기 때문입니다. CSS와 결합하면 코드가 매우 번거롭고 복잡해집니다.
이 방법은 HTML만 사용하지만 이미지, 즉 테이블 모서리를 만들어야 합니다. 모서리를 만들려면 Photoshop이나 원하는 다른 그래픽 프로그램(MS Point도 포함)이 필요하지만 이를 처리할 수 있습니다. 이 기사에서는 Photoshop에서 만드는 방법을 설명합니다.
테이블 생성을 직접 진행해 보겠습니다. 표를 만들려면 Dreamweaver나 다른 HTML 편집기를 엽니다. 새 문서를 만들거나 이미 만든 문서를 열면 3개의 행과 2개의 열이 있는 테이블 자체가 생성됩니다.
Photoshop으로 이동하여 둥근 사각형 도구를 사용하여 둥근 사각형을 그린 다음 테이블에 원하는 것과 동일하게 반올림 반경을 설정하고 30픽셀로 설정했습니다.
먼저 배경 레이어와 직사각형 이미지가 있는 레이어를 연결합니다. 이렇게 하려면 레이어 패널에서 Ctrl 키를 누른 상태에서 위쪽 및 아래쪽 레이어를 선택하고 Ctrl + E를 누릅니다.
이제 이 직사각형에서 모서리 자체를 추출해야 합니다. 이를 위해 Recatangular Marquee Tool을 사용하고 상단 패널에서 Width 및 Height 필드에서 Style:Fixed Size를 선택하고 에서 지정한 반경 값을 기록합니다. step 2. 이미지를 클릭하면 사각형 앞에 점선이 나타납니다. 둥근 모서리가 사각형 안에 완전히 들어가도록 이동하세요.
(사각형 내부, 즉 모서리를 복사하려면) Ctrl + C를 누릅니다. 이제 이전에 복사한 모서리를 거기에 붙여넣기 위해 새 이미지를 만들어야 합니다. 파일-새로 만들기...-확인으로 이동합니다. 즉시 코너에 붙여넣기 Ctrl + V
생성된 테이블에서 두 번째 행에는 텍스트를 작성해야 하므로 하나로 결합해야 합니다.
이제 이미지(모서리)를 테이블에 삽입합니다.
삽입된 그림(오른쪽 아래 및 오른쪽 위)은 오른쪽에 정렬되어야 합니다.
이제 마지막 단계입니다. 테이블에 모서리와 동일한 배경색을 지정해야 합니다.
이제 다 끝났습니다. 이 방법이 가장 쉽습니다. 이 글이 어떤 식으로든 도움이 되었기를 바라며, 모든 내용을 명확하게 설명하였기를 바랍니다. 행운을 빌어요!
모두가 오랫동안 웹사이트 디자인의 전통적인 직사각형 모서리에 지쳤습니다. 이미지를 사용하지 않고 테두리 반경 속성을 사용하는 스타일을 통해 둥근 모서리가 유행합니다. 이 속성은 모든 모서리 또는 각각의 반경을 개별적으로 결정하는 공백으로 구분된 1개, 2개, 3개 또는 4개의 값을 가질 수 있습니다.
테이블에 그림 1은 이 경우에 얻어지는 다양한 수의 값과 블록 유형을 보여줍니다.
암호 | 설명 | 보다 |
---|---|---|
div(경계 반경: 10px; ) | 모든 모서리에 대한 반경을 한 번에 라운딩합니다. | |
div(경계 반경: 0 10px; ) | 첫 번째 값은 왼쪽 상단과 오른쪽 하단 모서리의 반경을 설정하고, 두 번째 값은 오른쪽 상단과 왼쪽 하단의 반경을 설정합니다. | |
div(경계 반경: 20px 10px 0; ) | 첫 번째 값은 왼쪽 상단 모서리의 반경을 설정하고, 두 번째 값은 오른쪽 상단과 왼쪽 하단 모두, 세 번째 값은 오른쪽 하단을 설정합니다. | |
div(경계 반경: 20px 10px 5px 0; ) | 왼쪽 위, 오른쪽 위, 오른쪽 아래, 왼쪽 아래 모서리의 반경을 순차적으로 설정합니다. |
예제 1은 모서리가 둥근 블록을 생성하는 방법을 보여줍니다.
예시 1. 블록의 모서리
HTML5 CSS3 IE 9+ Cr Op Sa Fx
이 예의 결과는 그림 1에 나와 있습니다. 1.
쌀. 1. 모서리가 둥근 블록
반올림 반경을 요소 높이와 너비의 절반보다 크게 설정하면 흥미로운 효과를 얻을 수 있습니다. 이 경우 원이 생깁니다. 예제 2에서는 그림이 포함된 둥근 버튼을 만드는 방법을 보여줍니다.
예 2: 원형 버튼
HTML5 CSS3 IE 9+ Cr Op Sa Fx
이 예의 결과는 그림 1에 나와 있습니다. 2.
쌀. 2. 둥근 버튼
Opera 브라우저에서 다음으로 반올림합니다.
border-radius 속성은 요소에 그림자를 추가하는 등의 다른 속성과 결합될 수 있습니다. 예제 3에서는 원 세트가 만들어지며 그 중 하나가 box-shadow 를 사용하여 강조 표시됩니다. 이 세트는 페이지나 사진을 탐색하는 데 사용할 수 있습니다.
실시예 3. 글로우
HTML5 CSS3 IE 9+ Cr Op Sa Fx
이 예의 결과는 그림 1에 나와 있습니다. 삼.
쌀. 3. 원 주위에 빛나기
border-radius를 사용하면 원뿐만 아니라 타원, 블록의 타원형 반올림도 생성할 수 있습니다. 이렇게 하려면 하나의 값이 아닌 두 개의 값을 슬래시로 구분하여 작성해야 합니다. 20px/10px이라고 쓰면 필렛의 가로 반경이 20픽셀, 세로 반경이 10픽셀이 됩니다. 예제 4에서는 타원형 모서리를 만들어 만화책 스타일 캡션을 사진에 추가하는 방법을 보여줍니다.
예제 4: 타원
HTML5 CSS3 IE 9+ Cr Op Sa Fx
이 예의 결과는 그림 1에 나와 있습니다. 4.
쌀. 4. 타원형 모서리 사용
예 5와 같이 img 선택기에 border-radius 속성을 추가하여 이미지의 모서리 모양을 변경할 수도 있습니다.
예시 5: 이미지
HTML5 CSS3 IE 9+ Cr Op Sa Fx
안녕하세요, 친구들! 일부 지표를 보다 명확하게 표시하기 위해 표 형식 데이터가 텍스트 문서에 존재하는 경우가 많습니다. 그리고 거기에 게시된 정보에 대한 전반적인 인식은 테이블의 올바른 형식에 따라 달라집니다. 오늘은 열과 행의 크기에 따라 Word에서 표를 그리는 방법을 알아 보겠습니다.
테이블을 만들기 전에 행과 열의 개수를 결정해야 합니다. 다음으로 적절한 페이지 방향을 선택합니다. 넓은 테이블의 경우 가로 방향을, 좁은 테이블의 경우 세로 방향을 선택하는 것이 좋습니다.
편리한 방법으로 주어진 수의 셀이 포함된 표를 삽입하십시오. 테이블 삽입 방법에 대해
테이블의 정확한 크기 설정
다음 단계에서는 테이블의 엄격한 외부 치수를 설정할 수 있습니다.
테이블 작업 기능을 활성화하려면 테이블 내부를 클릭해야 합니다. 테이블을 삽입할 때 추가 매개변수를 지정하지 않은 경우 테이블은 사용 가능한 전체 텍스트 영역의 너비(가로 눈금자의 흰색 눈금 영역)에 걸쳐 늘어나고 해당 열은 자동으로 정렬됩니다. 너비가.
정확한 치수를 표시하려면 도구 피드로 이동하세요.
열리는 창의 탭에서 테이블체크박스(화살표로 표시)를 체크하고 원하는 테이블 너비를 적어주세요. 확인을 클릭하세요.
열의 너비를 원하는 크기로 변경할 수 없고 한 열의 너비를 변경하면 다른 열의 너비도 변경되는 경우 확인란을 선택 취소하면 이러한 불편함이 사라집니다.
이제 테이블의 외부 치수가 제한됩니다. 테이블 내의 열 너비에만 영향을 미칠 수 있습니다.
줄 높이 설정
전체 테이블의 행 높이를 동일하게 설정하려면 해당 항목을 선택하세요. 다음으로 도구 모음에서 테이블 작업 – 레이아웃 – 속성.
대화 상자에서 탭으로 이동하십시오. 선높이 확인란을 선택하고 필요한 행 높이와 모드(빨간색 프레임으로 표시)를 표시합니다. 최저한의– 모든 행에 대해 최소값을 설정합니다. 최대 높이는 셀 내용에 의해서만 제한됩니다. 따라서 테이블의 행 높이는 정보 내용에 따라 달라집니다. 행 높이를 엄격하게 제한하려면 모드를 설정하십시오. 정확히.
한 줄의 치수를 설정하려면 해당 줄을 마우스 오른쪽 버튼으로 클릭하여 상황에 맞는 메뉴를 엽니다. 팀을 선택하려면 테이블 속성지정된 라인의 매개변수를 설정합니다.
열 너비 설정
열의 크기를 지정하려면 해당 셀을 마우스 오른쪽 버튼으로 클릭하고 테이블 속성을 불러옵니다. 탭으로 이동 열, 필요한 너비 크기를 설정하고 버튼을 클릭하십시오 다음 열또는 이전 칼럼,계속해서 테이블의 다른 열 크기를 지정합니다. 그런 다음 확인을 클릭합니다.
이제 테이블은 지정된 차원과 정확히 일치합니다.
추신블로그 독자 Sergei Yakovlevich Grebenyuk의 요청에 따라 Microsoft Word에서 테이블을 사용하여 체스판을 만들고 자동 모양을 사용하여 체커 조각을 만들었습니다. 이는 다양한 체커 위치의 이미지를 만드는 데 필요했습니다. 다음은 Word 문서에 대한 링크입니다. https://yadi.sk/i/O2SmHvyF3Pvujr Windows 운영 체제 버전 7 이상에 포함된 를 사용하여 조각을 정렬하고 위치의 스크린샷을 찍는 방법을 보려면 비디오를 시청하세요.
Word의 기능은 놀라울 정도로 강력합니다. 가끔 나 자신도 일어나지 않는 일에 놀랐다.
친애하는 독자 여러분! 기사를 끝까지 시청하셨습니다.
질문에 대한 답변을 받으셨나요?댓글에 몇 마디 적어보세요.
답을 찾지 못하셨다면, 당신이 찾고 있던 것을 표시.
직원에 대한 데이터(거래 수 및 수익)가 있다고 가정합니다. 원형 차트와 같은 시각적인 방법으로 데이터를 표시해야 합니다.
이 경우 원은 모든 거래의 합계 또는 모든 수익의 합계, 즉 100%를 의미합니다.
원형 차트를 구성할 때 Excel은 자동으로 점유율을 계산하여 아름답고 시각적인 그림 형태로 표시합니다.
Excel 2007 또는 2010에서 원형 차트를 만드는 방법에 대한 지침
- 거래 데이터를 기반으로 원형 차트를 작성하려면 필요한 값 범위를 선택해야 합니다. B3:C8(전체 이름이 있는 열과 거래가 있는 열) 그림과 같습니다. 테이블 헤더를 잡는 것을 잊지 마세요.
- 다음으로 섹션으로 이동합니다. 삽입 | 다이어그램
- 차트 섹션에서 원형 차트를 선택합니다.
- 드롭다운 목록에서 원하는 원형 차트 유형을 선택해야 합니다.
그게 다입니다. 원형 차트가 준비되었습니다.
원형 차트에 값을 표시하려면 원 자체의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 " 데이터 서명 추가”
다른 열(예: 수익)에 대한 원형 차트를 만들어야 하는 경우 먼저 관심 있는 열을 선택해야 합니다. 이렇게 하려면 키를 누른 상태에서 해당 범위를 선택해야 합니다. Ctrl 키키보드에서
필요한 경우 데이터 서명도 삽입합니다.
블록이나 테이블의 모서리를 둥글게 하는 방법에 대한 많은 예제와 튜토리얼이 인터넷에 있지만 일반적으로 이러한 튜토리얼은 이미지 사용이나 추가 블록 사용을 기반으로 합니다.
오늘의 튜토리얼에서는 어떻게 할 수 있는지 보여 드리겠습니다. CSS만을 사용하여 둥근 테이블 모서리.
직접 마크업(두 번째 테이블은 맨 위 행의 셀 레이아웃이 다릅니다):
Curabitur a ultricies urna | 파셀루스 몰리스 |
eget venenatis est tortor et est. | 0 |
Fusce sollicitudin metus quis libero auctor 현관. | 0 |
Nulla Gravida. | 우르나 오그. | Nunc iaculis bibendum. | |
전정 시간 | Laoreet eros semper ut. | ||
Vivamus quis nisi lacus. | Cras id felis eu purus tempor dictum in at lorem. | facilisis iaculis magna diam id quam. 엘레펜드. | Pellentesque cursus, nunc ut facilisis hendrerit |
1. 테이블(테이블 태그)에서 직접 모서리를 둥글게 만듭니다.
BContentTables( border:1px solid #CCCCCC; width:100%; moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Google Chrome */ -khtml-border-radius : 10px; /* KHTML */ -o-border-radius: 10px; /* Opera */ -ms-border-radius: 10px; /* IE8 */ border-radius: 10px; /* CSS3 */ 오버플로: 숨김 ; 여백:0.7em 자동; )
2. 첫 번째 줄에서 배경을 제거합니다.
Tr.bCTable_Header (배경: 없음;)
3. pseudo-class:first-child 및 결합자를 사용하여 > 테이블의 첫 번째 셀을 선택합니다. 첫 번째 셀의 왼쪽 상단 모서리를 둥글게 만듭니다. 첫 번째 행의 배경은 이 행의 셀 배경으로 구성됩니다.
Tr.bCTable_Header:first-child > td:first-child( border-radius:10px 0px 0 0; -webkit-border-radius:10px 0 0 0; -moz-border-radius:10px 0 0 0; -ms- border-radius:10px 0 0 0; -o-border-radius:10px 0 0 0; -khtml-border-radius: 10px 0 0 0; ) tr.bCTable_Header td( color:white; 글꼴 크기:110%; 배경색:#00843C;)
4. pseudo-class:last-child 및 결합자를 사용하여 > 첫 번째 행의 마지막 셀을 선택합니다. 이를 위해 오른쪽 상단 모서리를 둥글게 만듭니다.
Tr.bCTable_Header:first-child > td:last-child( border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; -ms- border-radius:0 10px 0 0; -o-border-radius:0 10px 0 0; -khtml-border-radius: 0 10px 0 0; )
5. 마지막 선의 하단 모서리를 둥글게 만듭니다. 마지막 줄에서 배경을 제거하는 것을 잊지 마십시오. 행 배경은 마지막 행의 셀 배경으로 설정됩니다.
BContentTables tr:last-child( border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; 배경:없음; )
6. 그런 다음 점 3-4와 유사하게 마지막 줄에서 첫 번째 셀과 외부 셀의 모서리를 둥글게 만듭니다.
BContentTables tr:마지막 자식 td(배경 색상:#F1F1F2;) .bContentTables tr:마지막 자식 td:first-child( border-radius:0 0 0 10px; -webkit-border-radius:0 0 0 10px; -moz-border-radius:0 0 0 10px; -ms-border-radius:0 0 0 10px; -o-border-radius:0 0 0 10px; -khtml-border-radius: 0 0 0 10px;) . bContentTables tr:last-child td:last-child (border-radius:0 0 10px 0; -webkit-border-radius:0 0 10px 0; -moz-border-radius:0 0 10px 0; -ms-border- 반경:0 0 10px 0; -o-border-radius:0 0 10px 0; -khtml-border-radius: 0 0 10px 0; )
브라우저 지원
다음 내용을 읽어보는 것이 도움이 될 수 있습니다.
- 게임 연습 - 까다로운 테스트;
- 가장 끔찍한 공포. 소름 끼치는 이야기. 가장 끔찍한 공포 캠프 공포 이야기 바퀴 달린 관;
- 어린이 시계 : 유형, 기능;
- 문서 양식(송장)을 Excel 형식으로 저장할 수 없습니다. "저장" 및 "다른 이름으로 저장" 버튼을 사용할 수 없습니다.;
- Excel에서 셀 크기를 조정하고 동일하게 만드는 방법 Excel에서 모든 열의 너비를 변경하는 방법;
- AutoCAD 작업공간의 기본 설정 AutoCAD에서 사용자 정의 좌표계를 만드는 방법;
- 위치 번호 체계의 숫자 번역;
- 직렬 발진 회로의 전압 공진;