DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> css(div+span)padding的使用
css(div+span)padding的使用
編輯:CSS詳解     

今天開Money的空間 有個小游戲 就玩了下,考察了一些基本知識,發現我不會的還真不少

源代碼如下

<Html>
<style>
#tab ul li {
list-style:none;
float:left;
padding:5px 15px 5px 15px;
}
#tab div{
clear:both;
}
</style>
<body>
  <script>
  function setspan(id)
  {if( id==1){a.innerText="<font color=red size=7>設置文字</font>"};
  if( id==2){a.innerHtml="<font color=red size=7>設置代碼</font>"};}
  </script>
  <span id=a></span>
  <a href=Javascript:setspan(1)>設置span的文字</a></br>
  <a href=Javascript:setspan(2)>設置span的代碼</a></br>

<p>

-------------------------------------------------------------------------------------------
<p>

<div id="tab">
<ul>
   <li><a href="/"><span>Home</span></a></li>
   <li><a href="/bloglist.ASP"><span>Blog</span></a></li>
   <li><a href="/demo"><span>Demo</span></a></li>
   <li><a href="/game"><span>Game</span></a></li>
   <li><a href="/down"><span>Download</span></a></li>
      <li><a href="/about_Monyer.ASP"><span>About</span></a></li>
</ul>
<div></div>
</div>

<p>
------------------------------

<p>
clear:both;
主要是用在div套div的結構中
如果內div是浮動的,一般都需要clear浮動,不然的話內div會超出外div的框架

<p>

-------------------------------

<p>
padding:

  檢索或設置對象四邊的補丁邊距。
  如果提供全部四個參數值,將按上-右-下-左的順序作用於四邊。
  如果只提供一個,將用於全部的四條邊。
  如果提供兩個,第一個用於上-下,第二個用於左-右。
  如果提供三個,第一個用於上,第二個用於左-右,第三個用於下。
  不允許負值。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved