[html]유동 레이아웃 자료

유동 레이아웃 자료를 공유해드리겠습니다.

저작권은 Absolutehuman 님에게 있습니다.

블로그:http://j0n9hw4.tistory.com

----추천----

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title> 유동레이아웃 </title>
  <style type="text/css">
  body {font:12pt 'Malgun Gothic'; margin:10px 10px;}
  .logo {text-align:center; margin:15px 0 15px 0;}
  #menu {width:100%; height:25px; background-color:#000; border-radius:6px;}
  #menu ul {float:left; list-style:none; margin:0; padding:0;}
  #menu ul li {float:left; margin:0 5px 0 5px;}
  #menu ul li a {color:#fff; text-decoration:none;}
  #content {padding:0 10px 0 10px;}
  #foot {text-align:right; border-top:3px solid #636870; background-color:rgb(250, 250, 250); width:100%; height:30px; font:10pt 'Malgun Gothic';}
  </style>
 </head>

<div class="logo"><a href="http://kr3.kr/"><img src="./logo.png" alt="Logo" style="border:0px; width:100px; height:100px;" /></a></div>
  <div id="menu">
  <ul>
  <li style="margin-left:15px;"><a href="http://www.naver.com/">Naver</a></li>
  <li><a href="http://www.daum.net/">Daum</a></li>
  <li><a href="http://www.nate.com/">Nate</a></li>
  <li><a href="http://www.minecraft.net/">MineCraft</a></li>
  </ul>
  </div>
  <div id="content">
  <p>What is CSS HTML only site that can not be the overall appearance, color, design, and a language that is easy to modify.</p>
  <p>This web page using CSS, I tried to make a fluid layout.</p>
  <p>Seven two-out is free.</p>
  <p>Modify your maeumgeot redistribution is possible.</p>
<br /><br />
  <p>Thank you.</p>
  </div>
  <div id="foot">©2012 Absolutehuman</div>

저작자표시 비영리 동일조건

비행기의 정보창고

[html]유동 레이아웃 자료

티스토리툴바

[html]유동 레이아웃 자료

'전체' Related Articles

티스토리툴바