Test 三角形: Difference between revisions
Jump to navigation
Jump to search
Blanked the page Tag: Blanking |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
<!-- 方法1：SVG 版本（推荐） --> | |||
<div style="width:300px;"> | |||
<svg viewBox="0 0 300 260" xmlns="http://www.w3.org/2000/svg" aria-label="三层三角形"> | |||
<!-- 三角形主体（浅蓝） --> | |||
<polygon points="150,0 0,260 300,260" fill="#E6F4FF" stroke="#BEE6FF" stroke-width="1"/> | |||
<!-- 分割线（两条） --> | |||
<line x1="100" y1="86.6667" x2="200" y2="86.6667" stroke="#FFFFFF" stroke-width="2" /> | |||
<line x1="50" y1="173.3333" x2="250" y2="173.3333" stroke="#FFFFFF" stroke-width="2" /> | |||
<!-- 层标签 A B C（居中） --> | |||
<text x="150" y="43.333" text-anchor="middle" dominant-baseline="middle" font-size="20" font-family="sans-serif" fill="#0b3b57">A</text> | |||
<text x="150" y="130" text-anchor="middle" dominant-baseline="middle" font-size="20" font-family="sans-serif" fill="#0b3b57">B</text> | |||
<text x="150" y="216.666" text-anchor="middle" dominant-baseline="middle" font-size="20" font-family="sans-serif" fill="#0b3b57">C</text> | |||
</svg> | |||
</div> | |||
Revision as of 15:36, 23 September 2025
<svg viewBox="0 0 300 260" xmlns="http://www.w3.org/2000/svg" aria-label="三层三角形">
<polygon points="150,0 0,260 300,260" fill="#E6F4FF" stroke="#BEE6FF" stroke-width="1"/> <line x1="100" y1="86.6667" x2="200" y2="86.6667" stroke="#FFFFFF" stroke-width="2" /> <line x1="50" y1="173.3333" x2="250" y2="173.3333" stroke="#FFFFFF" stroke-width="2" /> <text x="150" y="43.333" text-anchor="middle" dominant-baseline="middle" font-size="20" font-family="sans-serif" fill="#0b3b57">A</text> <text x="150" y="130" text-anchor="middle" dominant-baseline="middle" font-size="20" font-family="sans-serif" fill="#0b3b57">B</text> <text x="150" y="216.666" text-anchor="middle" dominant-baseline="middle" font-size="20" font-family="sans-serif" fill="#0b3b57">C</text>
</svg>