<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
ul{
list-style-type : none;
border : 2px solid red;
border-left : none;
border-right : none;
height : 80px;
}
li{
width : 15%;
float : left;
margin : 20px;
margin-top : 25px;
font-size : 1em;
padding : 5px;
text-align : center;
text-transform : uppercase;
letter-spacing : 10px;
}
#d1 ul li a:link{
text-decoration: none;/*밑줄 없애기*/
}
a:visited{
color : red;
}
a:hover{
background : pink;
}
a:active{
text-decoration: underline;
font-size : 1.5em;
}
</style>
</head>
<body>
<br><br>
<ul>
<li>Home</li>
<li>Blog</li>
<li>About</li>
<li>contact</li>
</ul>
<br>
<hr color = 'green'>
<br>
<div id="d1">
<ul>
<li><a href = "../html/아메리카노.html">Home</a></li>
<li><a href = "../html/에스프레소.html">>Blog</a></li>
<li><a href = "../html/카페라떼.html">About</a></li>
<li><a href = "../html/카푸치노.html">contact</a></li>
</ul>
</div>
</body>
</html>
신입 개발자 입니다!!!