유승근 / Computer-part-Recommand

Go to a project
Toggle navigation Toggle navigation pinning
Yuseunggeun
7200b4ef 1 parent e27406cf

ejs style modify

Inline Side-by-side
Showing 1 changed file with 45 additions and 27 deletions
...@@ -2,30 +2,49 @@ ...@@ -2,30 +2,49 @@
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 - <link rel="stylesheet" href="style.css"> 5 + <link rel="stylesheet" href="style.css">
6 - <link href="https://fonts.googleapis.com/css?family=Cute+Font&display=swap" rel="stylesheet"> 6 + <link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap" rel="stylesheet">
7 <style> 7 <style>
8 body{ 8 body{
9 + font-family: 'Nanum Gothic', sans-serif;
9 background-color: rgb(192, 233, 192); 10 background-color: rgb(192, 233, 192);
10 color:black; 11 color:black;
11 - margin: 0; 12 + margin: 0px;
12 - padding: 0; 13 + padding: 0px;
14 + }
15 + table{
16 + font-family: 'Nanum Gothic', sans-serif;
17 + font-size: 20px;
18 + padding: 0px;
19 + margin: 0 auto;
20 + text-align: center;
21 + color: black;
22 + line-height: 1;
23 + border-style: outset;
24 + }
25 + td{
26 + margin: 0px;
27 + padding: 0px;
28 + width: 230px;
29 + border-style: solid;
30 + }
31 + #num{
32 + width: 50px;
33 + }
34 + .box{
35 + height:200px;background-color: skyblue; position:relative;
13 } 36 }
14 h1{ 37 h1{
15 text-align: center; 38 text-align: center;
16 color: red; 39 color: red;
17 } 40 }
18 - img{ 41 + h2{
19 - height:200px; 42 + text-align: center;
20 - } 43 + margin:0px;
21 - #item1{
22 - color:white;
23 - }
24 - #item2{
25 -
26 } 44 }
27 - #item3{ 45 + img{
28 - 46 + height:130px;
47 + margin: 0px;
29 } 48 }
30 </style> 49 </style>
31 </head> 50 </head>
...@@ -36,19 +55,18 @@ ...@@ -36,19 +55,18 @@
36 <script> 55 <script>
37 56
38 </script> 57 </script>
39 - <h2> 58 + <% for(var i = 0;i < itemcount ;i++){ %>
40 - <div id = "item1"> 59 + <table>
41 - <%= itemlist[0]['name'] %> 60 + <tr>
42 - <br> 61 + <td id='num'><h2> <%= (i+1) %> </h2></td>
43 - <img src = <%= itemlist[0]['image'] %>> 62 + <td><h2> <%= itemlist[i]['name'] %> </h2></td>
44 - <br> 63 + <td><h2> <img src = <%= itemlist[i]['image'] %>></h2> </td>
45 - 성능 : <%= itemlist[0]['benchmark'] %> 64 + <td><h2> 성능 : <%= itemlist[i]['benchmark'] %></h2> </td>
46 - <br> 65 + <td><h2> 가격 : <%= itemlist[i]['lprice'] %>원</h2> </td>
47 - 가격 : <%= itemlist[0]['lprice'] %>원 66 + <td><h2> <a href = <%=itemlist[i]['link']%> target=_blank>구매링크</a></h2></td>
48 - <br> 67 + </tr>
49 - <a href = <%=itemlist[0]['link']%> target=_blank>구매링크</a> 68 + </table>
50 - </div> 69 + <%}%>
51 - </h2>
52 70
53 </body> 71 </body>
54 72
......