index.html 1.7 KB
Newer Older
amonsiri unkham's avatar
amonsiri unkham committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>

    <style>
    body {
      background-color: #9999ff;
    }

    </style>


    </style>

    <style media="screen">
       ol{
    color:red;
       }
    </style>


    <style type="text/css">
          h1{
            text-align: center;
            margin: auto;
            font-size: 48px;
            width: 400px;

          }

          .img {
            margin-top: 40px;
              text-align: center;

                    }

          .img img {
            margin: auto;
            width: 300px;
            height: 300px;
            background: #333;
            border-radius: 50%;
          }

          .text {
            background: #fff;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
            width: 300px;
            margin: auto;
            text-align: center;
            margin-top: 50px;
          }
          </style>





  </head>
  <body>
    <h1 style="color:blue;">สวัสดี ชาวโลก!</h1>

    <div class="img">
        <img src="1.png"  alt="" width="400" height="400">
    </div>

<div class="text">

<h2 style="background-color:DodgerBlue;">  เราใช้ </h2>


    <ol>
      <li>node เวอร์ชั่น <script>document.write(process.versions.node)</script></li>
    <li>Chrome เวอร์ชัน <script>document.write(process.versions.chrome)</script></li>
    <li>และ Electron เวอร์ชัน <script>document.write(process.versions.electron)</script></li>
    </ol>
  </body>
</html>