인프런 - 강의/슈퍼초보를 위한 웹개발 기초

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>