<!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>
'인프런 - 강의 > 슈퍼초보를 위한 웹개발 기초' 카테고리의 다른 글
16 - 내 소개 페이지 만들기 - 4 (0) | 2019.12.31 |
---|---|
15 - 내 소개 페이지 만들기 - 3 (0) | 2019.12.30 |
13 - 내 소개 페이지 만들기 - 1 (0) | 2019.12.28 |
12 - 제이쿼리 연습 (0) | 2019.12.28 |
11 - 제이쿼리(jquery)란? (0) | 2019.12.28 |