test_page/coding.css at main · seokjea/test_page · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
@import url('웹홈.css');

header{                         /*첫번쨰줄 헤더부분 로고!*/

    background-color: rgb(17, 216, 223);

}

#links{                         /*링크*/
    float:right;
    width: 1200px;
    height: 100%;
    margin-top: 200px;

}
#links ul li{
    list-style-type: none;
}
#links ul li a span{
    display: block;
    margin: 0 auto;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    border: 1px solid #ddd;
    line-height: 200px;
}
#links ul li a p{
    margin-top: 330px;
    margin-left: 90px;
    font-weight: 1000;
    font-size: 20px;
    font : bold;
    color: rgb(15, 13, 13);
}

#quick-icon1{
    background-image:url("웹홈 images/java.png");
    background-size: 300px 300px;
    background-position-x: center;
}
#quick-icon2{
    background-image: url("웹홈 images/c++.png");
    background-size: 340px 320px;
    background-position-x: center;
    background-position-y: center;

}
#quick-icon3{
    background-image: url("웹홈 images/html.png");
    background-size: 300px 300px;
    background-position-y: center;
    background-position-x: center;
}

#text a {
    font-weight: 100px;
    font-size:30px;
    position: absolute;
    margin-top:600px;
    margin-left:500px;
    color:cornflowerblue;
}