내 페이지에 일부 모양을 배치하는 가장 좋은 방법입니까

Question

내 페이지에 약간의 패딩 영역을 넣어야합니다. 나는이 영역을 사용하고, Z- 색인을 조정하고, 다른 영역의 위나 아래에 나타나게합니다. CSS를 설정 한 다음 페이지에 다음과 같이 표시합니다.

<div id="pd1"></div> 
<div id="pd2"></div> 
<div id="pd3"></div> 
<div id="pd4"></div> 
<div id="pd5"></div> 

하지만이 방법이 가장 좋은 방법입니까? 다양한 크기의 정사각형 영역을 페이지에 표시하는 바로 가기 방법이 있습니까? 더 복잡한 모양을 위해

Answer 1

은 또한 사용할 수 있습니다 1 SVG 2. HTML5 캔버스

그냥 RECT/SQUARE/원의 경우 - 당신이 DIV 요소를 고수 할 수 있습니다.

Answer 2

당신은 CSS 테두리 속성을 사용할 수 있습니다. 너비는 10px 또는 원하는대로 지정할 수 있으며 원하는 색상을 지정할 수도 있습니다. 그것은 당신에게 많은 divs의 절반을 줄 것입니다. (올바른 경우, 하나의 상자에 5 개의 div를 모두 사용하고 있습니다.)