test1 #1
113
index.css
113
index.css
|
@ -1,113 +0,0 @@
|
||||||
/* *{
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
} */
|
|
||||||
|
|
||||||
.container{
|
|
||||||
width:auto;
|
|
||||||
font-family: "나눔스퀘어";
|
|
||||||
}
|
|
||||||
|
|
||||||
ol, ul{
|
|
||||||
list-style-type:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a{
|
|
||||||
text-decoration: none;
|
|
||||||
color:black;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav{
|
|
||||||
background-color: skyblue;
|
|
||||||
color:wheat;
|
|
||||||
text-align: center;
|
|
||||||
padding: auto;
|
|
||||||
font-family: "나눔스퀘어";
|
|
||||||
}
|
|
||||||
|
|
||||||
nav ul{
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
nav ul li{
|
|
||||||
display: inline;
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#intro{
|
|
||||||
width:100%;
|
|
||||||
height:80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#intro h1{
|
|
||||||
float: left;
|
|
||||||
width: 50%;
|
|
||||||
height: 80px;
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
#intro h1 a{
|
|
||||||
display: block;
|
|
||||||
padding: 22px 0 0 30px;
|
|
||||||
font-size:30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box{
|
|
||||||
border: 2px solid lightgrey;
|
|
||||||
width:200px;
|
|
||||||
height: 200px;
|
|
||||||
float: left;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
#b1{
|
|
||||||
background-color: lavender;
|
|
||||||
overflow: visible;
|
|
||||||
|
|
||||||
}
|
|
||||||
#b2{
|
|
||||||
background-color: lavender;
|
|
||||||
overflow: visible;
|
|
||||||
border: 2px solid lightgrey;
|
|
||||||
width:200px;
|
|
||||||
height: 200px;
|
|
||||||
float: left;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
#b3{
|
|
||||||
background-color: lavender;
|
|
||||||
overflow: visible;
|
|
||||||
border: 2px solid lightgrey;
|
|
||||||
width:200px;
|
|
||||||
height: 200px;
|
|
||||||
float: left;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
#b4{
|
|
||||||
background-color: lavender;
|
|
||||||
overflow: visible;
|
|
||||||
border: 2px solid lightgrey;
|
|
||||||
width:200px;
|
|
||||||
height: 200px;
|
|
||||||
float: left;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
#b5{
|
|
||||||
background-color: lavender;
|
|
||||||
overflow: visible;
|
|
||||||
border: 2px solid lightgrey;
|
|
||||||
width:200px;
|
|
||||||
height: 200px;
|
|
||||||
float: left;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
#b6{
|
|
||||||
background-color: lavender;
|
|
||||||
overflow: visible;
|
|
||||||
border: 2px solid lightgrey;
|
|
||||||
width:200px;
|
|
||||||
height: 200px;
|
|
||||||
float: left;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue