<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
.list {
font-family: 'Roboto', sans-serif;
margin: 0px;
padding: 0px;
width: 100%;
text-align: center;
border-bottom: 2px solid lightgray;
}
ul {
padding: 0px;
display: block;
margin: 0px;
}
ul li {
display: block;
}
ul li a {
font-weight: bold;
display: block;
padding: 15px 40px;
text-decoration: none;
}
ul li a:hover {
background-color: #035efc;
}
</style>
</head>
<body>
<div class="list">
<ul>
<li ><a href="#">GALLERY</a></li>
<li ><a href="#">ABOUT</a></li>
<li ><a href="#">CONTACT</a></li>
</ul>
</div>
</body>
</html>
댓글 영역