html 질문
조회수 414회
<!DOCTYPE html><html>
<head>
<title> 우엉잉</title>
<meta charset="utf-8">
<style>
#topmemu{
height: 30px;
width: auto;
vertical-align: top;
}
#topmemu li {
list-style: none;
color: white;
background-color: #2d2d2d;
float: left;
line-height: 40px;
vertical-align: middle;
text-align: center;
}
#topmemu .topmemulink{
text-decoration: none;
color: white;
display: block;
width: 200px;
font-size: 15px;
font-weight: bold;
font-family: "Trebuchet MS", Dotum, Arial;
}
#topmemu .topmemulink:hover{
color:red;
background-color: #4d4d4d;
}
</style>
</head>
<body>
<img src="logo.png" width="150px">
<nav id="topmemu">
<li><a class="topmemulink" href="잉잉1.html" >잉잉1</a></li>
<li><a class="topmemulink" href="잉잉2.html" >잉잉2</a></li>
<li><a class="topmemulink" href="잉잉3.html" >잉잉3</a></li><br>
</nav>
사진옆에 상단바가 붙게 하려면 어떻게 해야하나요?
1 답변
-
원하시는 것은 아마 상단바의 메뉴 안에 "사진"이 있고 그 옆에 메뉴가 있는 그런 구조일 거에요.
<nav id="topmemu"> <li><img src="logo.png" width="150px"></li> <li><a class="topmemulink" href="잉잉1.html" >잉잉1</a></li> <li><a class="topmemulink" href="잉잉2.html" >잉잉2</a></li> <li><a class="topmemulink" href="잉잉3.html" >잉잉3</a></li><br> </nav>
댓글 입력