유승근 / 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 @@
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Cute+Font&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap" rel="stylesheet">
<style>
body{
font-family: 'Nanum Gothic', sans-serif;
background-color: rgb(192, 233, 192);
color:black;
margin: 0;
padding: 0;
margin: 0px;
padding: 0px;
}
table{
font-family: 'Nanum Gothic', sans-serif;
font-size: 20px;
padding: 0px;
margin: 0 auto;
text-align: center;
color: black;
line-height: 1;
border-style: outset;
}
td{
margin: 0px;
padding: 0px;
width: 230px;
border-style: solid;
}
#num{
width: 50px;
}
.box{
height:200px;background-color: skyblue; position:relative;
}
h1{
text-align: center;
color: red;
}
img{
height:200px;
}
#item1{
color:white;
}
#item2{
h2{
text-align: center;
margin:0px;
}
#item3{
img{
height:130px;
margin: 0px;
}
</style>
</head>
......@@ -36,19 +55,18 @@
<script>
</script>
<h2>
<div id = "item1">
<%= itemlist[0]['name'] %>
<br>
<img src = <%= itemlist[0]['image'] %>>
<br>
성능 : <%= itemlist[0]['benchmark'] %>
<br>
가격 : <%= itemlist[0]['lprice'] %>원
<br>
<a href = <%=itemlist[0]['link']%> target=_blank>구매링크</a>
</div>
</h2>
<% for(var i = 0;i < itemcount ;i++){ %>
<table>
<tr>
<td id='num'><h2> <%= (i+1) %> </h2></td>
<td><h2> <%= itemlist[i]['name'] %> </h2></td>
<td><h2> <img src = <%= itemlist[i]['image'] %>></h2> </td>
<td><h2> 성능 : <%= itemlist[i]['benchmark'] %></h2> </td>
<td><h2> 가격 : <%= itemlist[i]['lprice'] %>원</h2> </td>
<td><h2> <a href = <%=itemlist[i]['link']%> target=_blank>구매링크</a></h2></td>
</tr>
</table>
<%}%>
</body>
......