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

15 - 내 소개 페이지 만들기 - 3

----___<<<<< 2019. 12. 30. 01:09 

<!DOCTYPE html>
<html>

<head>

	<style type="text/css">
		#all_of_bokchi{
			width: 500px;
			margin: auto;
			
		}

		img {
			display: block;
			margin-left: auto;
			margin-right: auto;	
			border:5px solid black;
			border-radius: 30px;
		}

		.footer {
			position: fixed;
			left: 0;
			bottom: 0;
			width: 100%;
			text-align: center;
			background: black;
			color:white;
		}

	</style>

</head>

<body>

	<div id="all_of_bokchi">

		<div>
			
			<a href="https://philosopher-chan.tistory.com/421?category=817602" target="_blank">
			<img src="https://upload.wikimedia.org/wikipedia/commons/e/e2/Mola_ramsayi.jpg" width="300" height="300">
			</a>
			
		</div>

		<div id="body">

			
				
			<span>왜 개복치인가?</span>
			<ul>
				<li>자주아파요</li>
				<li>약골이라서</li>				
			</ul>

			<span>취미가 뭐에여</span>
			<ul>
				<li>달리기</li>
				<li>넷플릭</li>				
			</ul>

			<span>요즘 뭐가 관심있어여</span>
			<ul>
				<li>음??? ㅇㅅㅇ</li>
				
			</ul>

	
		</div>

		<div class="footer">

			<p>
				연락처에요~ naver@naver.com / 010-1111-2222
			</p>

		</div>

	</div>	
	
</body>

</html>