felx는 정말어렵다 배우고 또배우고 이번이 3번째 시간이지만 아직도 헷갈린다
사용한 css : display: flex;,justify-content: space-evenly; nth-child(1) { flex: 1;}, box-shadow:, :hover {}, active {},
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
background-color: rgba(128, 128, 128, 0.741);
}
#header {
display: flex;
align-items: center;
border-bottom: 3px solid gray;
box-shadow:gold 1px 1px 90px;
background-color: white;
}
#header div{
color: blue;
}
#header .logo {
margin: 10px;
}
.logo:nth-child(1) { flex: 1;}
.menu:nth-child(2) {flex: 5;}
.login:nth-child(3) {flex: 1;}
.menu {
display: flex;
text-align: center;
justify-content: center;
}
#header .menu div:hover {
background-color: rgba(83, 78, 78, 0.612);
border-radius: 10px;
}
.menu div {
margin: 40px;
}
.login {
display: flex;
justify-content: space-evenly;
}
#main {
display: flex;
align-items: start;
justify-content: space-between;
}
.leftbar {
display: flex;
flex-direction: column;
margin-left: 10px;
margin-top: 20px;
}
.leftbar div {
margin: 30px;
}
#main .leftbar div:hover {
background-color: rgba(83, 78, 78, 0.612);
border-radius: 10px;
}
#main .leftbar div:active {
background-color: rgb(42, 38, 38);
border-radius: 10px;
}
.centerbar {
margin-left: 300px;
}
.centerbar div {
background-color: white;
margin-top: 30px;
}
.rightbar {
margin-right: 30px;
margin-top: 30px;
}
.feed1 {
margin-bottom: 60px;
}
</style>
</head>
<body>
<header>
<div id="header">
<div class="logo">
<div style="color: blue;"><h1>로고</h1></div>
</div>
<div class="menu">
<div class="board">게시판</div>
<div class="friends">친구들</div>
<div class="feed">피드</div>
<div class="bookmark">즐겨찾기</div>
</div>
<div class="login">
<div>로그인</div>
<div>회원가입</div>
</div>
</div>
</header>
<main>
<div id="main">
<div class="leftbar">
<div>홍길동</div>
<div>친구찾기</div>
<div>그룹</div>
<div>watch</div>
<div>과거의 오늘</div>
<div>저장됨</div>
<div>페이지</div>
<div>이벤트</div>
<div>최신</div>
<div>즐겨찾기</div>
<div>광고 관리자</div>
</div>
<div class="centerbar">
<div class="feed1">
<h3>오늘의 대북뉴스</h3>
<p>일본이 백 년의 적이면, 중국은 천년의 적이다</p>
<img src="data:image/jpeg;base64,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" alt="" width="700px" height="500px">
</div>
<div class="feed2">
<h3>오늘의 대북뉴스</h3>
<p>일본이 백 년의 적이면, 중국은 천년의 적이다</p>
<img src="data:image/jpeg;base64,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" alt="" width="700px" height="500px">
</div>
</div>
<div class="rightbar">
<img src="https://mblogthumb-phinf.pstatic.net/MjAxNjExMjFfNTgg/MDAxNDc5NzIyODkxNzQ3.M4AMZPmOhzaeTJEGrwm2VSzOxG5q7qdKF9zjs2lKfcEg.EigDK_-4RNMPLdDxPRpOm5DToesIYgZv1laoaqSOJ24g.PNG.gullnono2/jyjyyttg.png?type=w800" width="500px" alt="">
</div>
</div>
</main>
</body>
</html>
꿈꾸는 개발자