Код IT
← Каталог

SVG — рисунки кодом — Равносторонний треугольник

Фрагмент из «SVG — рисунки кодом»: Равносторонний треугольник.

html lab1119 embed URL статья в энциклопедии
HTML main.html 
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Треугольник SVG</title>
  <style>
    body { margin: 0; display: grid; place-items: center; min-height: 100dvh; background: #f1f5f9; }
  </style>
</head>
<body>
  <svg width="240" height="240" viewBox="0 0 240 240" role="img" aria-label="Равносторонний треугольник">
    <polygon points="120,50 190,170 50,170"
             fill="#fef08a" stroke="#ca8a04" stroke-width="3"
             stroke-linejoin="round"/>
  </svg>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Треугольник SVG</title>
  <style>
    body { margin: 0; display: grid; place-items: center; min-height: 100dvh; background: #f1f5f9; }
  </style>
</head>
<body>
  <svg width="240" height="240" viewBox="0 0 240 240" role="img" aria-label="Равносторонний треугольник">
    <polygon points="120,50 190,170 50,170"
             fill="#fef08a" stroke="#ca8a04" stroke-width="3"
             stroke-linejoin="round"/>
  </svg>
</body>
</html>