<html>
    <head>
        <title>네이버 영화 랭킹</title>
    </head>
    <style>  
		body { background: #fff; }
		.bluetop {
		  border-collapse: collapse;
		  border-top: 3px solid #168;
		}  
		.bluetop th {
		  color: #168;
		  background: #f0f6f9;
		}
		.bluetop th, .bluetop td {
		  padding: 10px;
		  border: 1px solid #ddd;
		}
		.bluetop th:first-child, .bluetop td:first-child {
		  border-left: 0;
		}
		.bluetop th:last-child, .bluetop td:last-child {
		  border-right: 0;
		}
	</style>
    <body>
    	<table class="bluetop">
    		<th>순위</th>
   			<th>제목</th>
   			{% for value in values %}
   			<tr>
   				<td>{{ value.rank }}</td>
   				<td>{{ value.title }}</td>
   			</tr>
   			 {% endfor %}
    	</table>
    </body>
</html>