1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <style> 7 #visual_area { 8 background-color: #808000; 9 width: 100; 10 height: 100; 11 position: absolute; 12 left: 0px; 13 } 14 15 #attribute_area { 16 background-color: #008080; 17 position: absolute; 18 width: 200px; 19 right: 0px; 20 } 21 22 .att_title { 23 background-color: #000000; 24 color: #ffffff; 25 width: 200px; 26 margin-top: 0px; 27 text-align: center; 28 } 29 30 .input_text_readonly { 31 color: #ffffff; 32 width: 80px; 33 display: inline-block; 34 text-align: center; 35 } 36 37 .input_text { 38 background-color: #000000; 39 color: #ffffff; 40 width: 100px; 41 } 42 43 .button_click { 44 background-color: #000000; 45 color: #ffffff; 46 width: 100px; 47 margin-left: 50px; 48 } 49 50 .select_list { 51 background-color: #000000; 52 color: #ffffff; 53 width: 100px; 54 } 55 </style> 56</head> 57 58<body style="margin:0"> 59 <canvas id="visual_area"></canvas> 60 <div id="attribute_area"></div> 61 62 <script> 63// update js code begin 64// update js code end 65 </script> 66</body> 67 68</html>