김건우

calander v.1

1 +.container1{
2 + display: flex;
3 + justify-content: center;
4 + align-items: baseline;
5 +}
6 +
7 +.client{
8 + border: 0px;
9 + background-color: white;
10 +}
11 +
12 +.image{
13 + width: 32px;
14 + height: 32px;
15 +}
16 +
17 +.search{
18 + border:0px;
19 + background-color: white;
20 +}
21 +
22 +.logo{
23 + font-size: 60px;
24 +}
25 +
26 +/*selection*/
27 +.container2{
28 + margin: 50px 0px 70px 0px;
29 + background-color: blanchedalmond;
30 +}
31 +.selection{
32 + display: flex;
33 + list-style: none;
34 + justify-content: center;
35 +}
36 +.selection li{
37 + padding: 8px 16px;
38 +}
39 +
40 +.select a{
41 + color: black;
42 + text-decoration: none;
43 +}
44 +.selection li:hover{
45 + padding: 8px 16px;
46 + background-color: burlywood ;
47 +}
48 +
49 +.row{
50 + display:flex;
51 + justify-content: space-evenly;
52 +}
53 +
54 +img[class^="selection"]{
55 + width: 150px;
56 + height: 150px;
57 + padding: 100px;
58 +}
...\ No newline at end of file ...\ No newline at end of file
1 +<!DOCTYPE html>
2 +<html lang="ko">
3 +<head>
4 + <meta charset="UTF-8">
5 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 + <title>일정</title>
7 + <link rel="stylesheet" type="text/css"href="calander.css">
8 +</head>
9 +<body>
10 + <div class="container1">
11 + <span class="logo">일정</span>
12 + </div>
13 +
14 + <div class="container3">
15 + <div class="row row1">
16 + <span class="item1">
17 + <a href="index4.php">
18 + <img class=selection1 src="pngs/samsung.png" alt="">
19 + </a>
20 + </span>
21 + <span class="item2">
22 + <a href="index5.php">
23 + <img class=selection2 src="pngs/nc.png" alt="">
24 + </a>
25 + </span>
26 + <span class="item3">
27 + <a href="index6.php">
28 + <img class=selection3 src="pngs/LG.png" alt="">
29 + </a>
30 + </span>
31 + </div>
32 +
33 +
34 + <div class="row row2">
35 + <span class="item4">
36 + <a href="index7.php">
37 + <img class=selection4 src="pngs/kt.png" alt="">
38 + </a>
39 + </span>
40 + <span class="item5">
41 + <a href="index8.php">
42 + <img class=selection5 src="pngs/ssg.png" alt="">
43 + </a>
44 + </span>
45 + <span class="item6">
46 + <a href="index9.php">
47 + <img class=selection6 src="pngs/dusan.png" alt="">
48 + </a>
49 + </span>
50 + </div>
51 +
52 + <div class="row row3">
53 + <span class="item7">
54 + <a href="index7.php">
55 + <img class=selection4 src="pngs/kiwoom.png" alt="">
56 + </a>
57 + </span>
58 + <span class="item8">
59 + <a href="index8.php">
60 + <img class=selection5 src="pngs/kia.png" alt="">
61 + </a>
62 + </span>
63 + <span class="item9">
64 + <a href="index9.php">
65 + <img class=selection6 src="pngs/hanhwa.png" alt="">
66 + </a>
67 + </span>
68 + </div>
69 +
70 +
71 + <div class="row row4">
72 + <span class="item10">
73 + <a href="index7.php">
74 + <img class=selection4 src="pngs/Lotte.png" alt="">
75 + </a>
76 + </span>
77 + </div>
78 + </div>
79 +</body>
80 +</html>
...\ No newline at end of file ...\ No newline at end of file

3.57 KB

4.41 KB

6.51 KB

11.1 KB

3.11 KB