Make Triangle using HTML, CSS

Method 1

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <style>
      span {
        border-bottom: 100px solid red;
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
      }
    </style>
  </head>
  <body>
    <span></span>
  </body>
</html>

Method 2

<style>
      span {
        border-top: 100px solid red;
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
      }
    </style>

<span></span>


Comments

Popular posts from this blog

Image Upload PHP Core or OOPs