이희진 / project1

Go to a project
Toggle navigation Toggle navigation pinning
stupid
1b94086b 1 parent 06dbbd5d

3.28prac

Inline Side-by-side
Showing 2 changed files with 44 additions and 0 deletions
<!DOCTYPE html>
<html lang "ko">
<head>
<link rel="stylesheet" type="text/css" href="prac2style.css"/>
</head>
<body>
<div class="pagination">
<a href="#" class="direction"><span class='arrow'>&lsaquo;</span>이전</a>
<a href="#">11</a>
<a href="#">12</a>
<a href="#">13</a>
<a href="#">14</a>
<a href="#" class="active">15</a>
<a href="#">16</a>
<a href="#">17</a>
<a href="#">18</a>
<a href="#">19</a>
<a href="#">20</a>
<a href="#" class="direction">다음 <span class='arrow'>&rsaquo;</span>이전</a>
</div>
</body>
</html>
<style>
.pagination{
display: inline-block;
}
.pagination a{
color: yellow;
background-color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
border: 1px solid #ddd;
}
.pagination a.active {
background-color: #008B8B;
color: white;
border: 1px solid #4CAF50;
}
.pagination a:hover:not(.active) {
background-color: #696969;
color: yellow;
}
</style>