<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="flex.css" />
</head>
<body>
<nav>
<ul>
<li>menu1</li>
<li>menu2</li>
<li>menu3</li>
<li>menu4</li>
</ul>
</nav>
</body>
</html>
nav ul {
list-style: none;
}
/* 점을 없애준다! */
nav ul li {
display: inline-block;
padding: 20px;
margin: 0 20px;
border: 1px solid red;
}
nav ul li {
display: inline-block;
padding: 20px;
/* margin-left: -6px; */
border: 1px solid red;
background-color: rgb(255, 82, 82);
opacity: 0.5;
/* 채도가 연해져썽! */
}
'프론트엔드 > HTML' 카테고리의 다른 글
| display? 그냥 연습해본 거. (0) | 2023.10.18 |
|---|---|
| display? 그냥 연습해본 거. (0) | 2023.10.18 |
| overflow 교재 176p 참고하기 (0) | 2023.10.18 |
| 박스 활용 교재 174p 참고 (0) | 2023.10.18 |
| codepen 사이트 (연습할 때 사용하세용) (0) | 2023.10.18 |