인프런 - 강의/슈퍼초보를 위한 웹개발 기초
14 - 내 소개 페이지 만들기 - 2
----___<<<<<
2019. 12. 28. 06:19
<!DOCTYPE html>
<html>
<head>
<title>나에 대해</title>
<style type="text/css">
#all_of_bokchi {
width: 500px;
margin:auto;
}
img{
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid black;
border-radius: 30px;
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
background-color: black;
color: white;
text-align: center;
}
</style>
</head>
<body>
<div id="all_of_bokchi">
<div>
<img src="https://upload.wikimedia.org/wikipedia/commons/e/e2/Mola_ramsayi.jpg" width="300" height="300">
</div>
<div>
몸통부분
왜 별명이 개복치인가요?
- 자주 아파서 개복치에요
취미가 뭐에요?
- 넷플릭스 보기요
- 운동인데 달리기에요
요즘에 관심있는게 뭐에용?
- 여행에 대해서 관심이 있어요
</div>
<div class="footer">
<p>연락처에요 뿌우^^ / abc@naver.com / 010-1111-2222</p>
</div>
</div>
</body>
</html>