이희진 / 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
1 +<!DOCTYPE html>
2 +<html lang "ko">
3 +<head>
4 +<link rel="stylesheet" type="text/css" href="prac2style.css"/>
5 +</head>
6 +<body>
7 + <div class="pagination">
8 + <a href="#" class="direction"><span class='arrow'>&lsaquo;</span>이전</a>
9 + <a href="#">11</a>
10 + <a href="#">12</a>
11 + <a href="#">13</a>
12 + <a href="#">14</a>
13 + <a href="#" class="active">15</a>
14 + <a href="#">16</a>
15 + <a href="#">17</a>
16 + <a href="#">18</a>
17 + <a href="#">19</a>
18 + <a href="#">20</a>
19 + <a href="#" class="direction">다음 <span class='arrow'>&rsaquo;</span>이전</a>
20 + </div>
21 +</body>
22 +</html>
1 +<style>
2 +.pagination{
3 + display: inline-block;
4 +}
5 +.pagination a{
6 + color: yellow;
7 + background-color: black;
8 + float: left;
9 + padding: 8px 16px;
10 + text-decoration: none;
11 + border: 1px solid #ddd;
12 +}
13 +.pagination a.active {
14 + background-color: #008B8B;
15 + color: white;
16 + border: 1px solid #4CAF50;
17 +}
18 +.pagination a:hover:not(.active) {
19 + background-color: #696969;
20 + color: yellow;
21 +}
22 +</style>