DIV CSS 佈局教程網

設為首頁 加入收藏
 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 鼠標放上去變色的按鈕，而且有連接
鼠標放上去變色的按鈕，而且有連接
編輯：CSS詳解     

<Html>

<HEAD>

<TITLE></TITLE>

<META content="text/Html; charset=gb2312" http-equiv=Content-Type>

<META content="MSHtml 5.00.2920.0" name=GENERATOR>

<script>

<!--

// menu object

function contextMenu()

{

 this.items   = new Array();

 

 this.addItem = function (item)

 {

  this.items[this.items.length] = item;

 }

 

 this.show = function (oDoc)

 {

  var strShow = "";

  var i;

 

  strShow = "<div id=\"rightmenu\" style=\"BACKGROUND-COLOR: #ffffff; BORDER: #000000 1px solid; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; Z-INDEX: 10\">";

  strShow += "<table border=\"0\" height=\"";

  strShow += this.items.length * 20;

  strShow += "\" cellpadding=\"0\" cellspacing=\"0\">";

  strShow += "<tr height=\"3\"><td bgcolor=\"#d0d0ce\" width=\"2\"></td><td>";

  strShow += "<table border=\"0\" width=\"100%\" height=\"100%\" cellpadding=0 cellspacing=0 bgcolor=\"#ffffff\">";

  strShow += "<tr><td bgcolor=\"#d0d0ce\" width=\"23\"></td><td><img src=\" \" height=\"1\" border=\"0\"></td></tr></table>";

  strShow += "</td><td width=\"2\"></td></tr>";

  strShow += "<tr><td bgcolor=\"#d0d0ce\"></td><td>";

  strShow += "<table border=\"0\" width=\"100%\" height=\"100%\" cellpadding=3 cellspacing=0 bgcolor=\"#ffffff\">";

  oDoc.write(strShow);

  for(i=0; i<this.items.length; i++)

  {

   this.items[i].show(oDoc);

  }

  strShow = "</table></td><td></td></tr>";

  strShow += "<tr height=\"3\"><td bgcolor=\"#d0d0ce\"></td><td>";

  strShow += "<table border=\"0\" width=\"100%\" height=\"100%\" cellpadding=0 cellspacing=0 bgcolor=\"#ffffff\">";

  strShow += "<tr><td bgcolor=\"#d0d0ce\" width=\"23\"></td><td><img src=\" \" height=\"1\" border=\"0\"></td></tr></table>";

  strShow += "</td><td></td></tr>";

  strShow += "</table></div>\n";

  oDoc.write(strShow);

 }

}

 

// menu Item object

function contextItem(text, icon, cmd, type)

{

 this.text = text ? text : "";

 this.icon = icon ? icon : "";

 this.cmd = cmd ? cmd : "";

 this.type = type ? type : "menu";

 

 this.show = function (oDoc)

 {

  var strShow = "";

 

  if(this.type == "menu")

  {

   strShow += "<tr ";

   strShow += "onmouSEOver=\"changeStyle(this, 'on');\" ";

   strShow += "onmouSEOut=\"changeStyle(this, 'out');\" ";

   strShow += "onclick=\"";

   strShow += this.cmd;

   strShow += "\">";

   strShow += "<td class=\"ltdexit\" width=\"16\">";

   if (this.icon == "")

    strShow += "&nbsp;";

   else {</p><div align='left'><b><div id=pages style='float:left;border:1px solid #39f;text-align:center;WIDTH: 30px;HEIGHT: 20px;background-color:#eee;padding:2px;margin:5px;margin-right:0;'><font color='red'>1</font></div><div id=pages style='float:left;border:1px solid #39f;text-align:center;WIDTH: 30px;HEIGHT: 20px;background-color:#eee;padding:2px;margin:5px;margin-right:0;' ><a href='http://www.xue5.com/itedu/200801/46732_2.html'>2</a></div><div id=pages style='float:left;border:1px solid #39f;text-align:center;WIDTH: 30px;HEIGHT: 20px;background-color:#eee;padding:2px;margin:5px;margin-right:0;' ><a href='http://www.xue5.com/itedu/200801/46732_3.html'>3</a></div><div id=nextpage style='float:left;border:1px solid #39f;text-align:center;WIDTH: 55px;HEIGHT: 20px;background-color:#eee;padding:2px;margin:5px;'><a href='http://www.xue5.com/itedu/200801/46732_2.Html'>下一頁</a></div> </b></div>
</DIV>
<DIV class="mycontent3"><script language='Javascript' src='http://www.xue5.com/AD/200504/16.JS'></script></DIV>
<DIV class="mycontent2">
<INPUT title='點擊復制標題和地址到剪貼版,直接在MSN/QQ上粘貼即可.' type=button value='將這篇文章發給QQ/MSN上的好友' onclick='copyToClipBoard()'>
</DIV>
<DIV class="mycontent2">
<a href="http://www.baidu.com/s?tn=xue5&wd=鼠標放上去變色的按鈕，而且有連接" target="_blank"><span style="font-size:18px:line-height:20px;letter-sapcing:10px"><u><font color="#0033CC">點此進一步了解“</font><b><font color="#800000">鼠標放上去變色的按鈕，而且有連接</font></b><font color="#0033CC">”相關的更多內容</font></u></span></a>
</DIV>
<DIV class="wenbj hui">轉載請注明<a href=http://www.xue5.com/ target=_blank title="學網">［學網］：<u>http://www.xue5.com</u></A>  </DIV>

<DIV class=wenpre>
<li>上一篇文章： <a class='LinkPrevArticle' href='http://www.xue5.com/itedu/200801/46731.Html' title='文章標題：一個顯示當前星期的起止日期的腳本
作    者：CSS
更新時間：2008-1-12 19:33:43'>一個顯示當前星期的起止日期的腳本</a></li>  <br>
<li>下一篇文章： <a class='LinkNextArticle' href='http://www.xue5.com/itedu/200801/46733.Html' title='文章標題：一個相當簡單的網站橫向導航菜單特效
作    者：CSS
更新時間：2008-1-12 19:33:44'>一個相當簡單的網站橫向導航菜單特效</a></li>

</DIV>


<DIV id=toptj2><DIV class=toptjl2>【<A href="http://www.xue5.com/itedu/List/List_207.Html" title="點擊查看更多CSS" target="_blank">更多CSS資料……</A>】</A>   <script language='Javascript' src='http://www.xue5.com/AD/200704/29.JS'></script></DIV></DIV>
<DIV id=down>
<DIV class="left">·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435621.Html' title='文章標題：UTF-8 GBK UTF8 GB2312 之間的區別和關系
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">UTF-8 GBK UTF8 GB2312 之間的區別和關</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435620.Html' title='文章標題：Web界面測試方法技巧以及注意事項
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">Web界面測試方法技巧以及注意事項</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435619.Html' title='文章標題：Google發布用於網站開發的Chrome Extensions
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">Google發布用於網站開發的Chrome Exten</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435618.Html' title='文章標題：淺談tudou.com首頁圖片延遲加載的效果
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">淺談tudou.com首頁圖片延遲加載的效果</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435617.Html' title='文章標題：Google Web 字體 API 訪談
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">Google Web 字體 API 訪談</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435616.Html' title='文章標題：Google網頁字體在線服務啟動
作    者：CSS
更新時間：2010-8-13 3:49:03' target="_blank">Google網頁字體在線服務啟動</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416624.Html' title='文章標題：網頁設計中水平方向視覺焦點分布探討
作    者：CSS
更新時間：2010-5-11 15:00:55' target="_blank">網頁設計中水平方向視覺焦點分布探討</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416623.Html' title='文章標題：簡單也豐富 簡潔網頁設計視覺呈現技巧
作    者：CSS
更新時間：2010-5-11 14:59:52' target="_blank">簡單也豐富 簡潔網頁設計視覺呈現技巧</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416622.Html' title='文章標題：如何有效創建個性化404錯誤頁面
作    者：CSS
更新時間：2010-5-11 14:59:12' target="_blank">如何有效創建個性化404錯誤頁面</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416621.Html' title='文章標題：網頁設計中“對比”原則的剖析和應用
作    者：CSS
更新時間：2010-5-11 14:56:40' target="_blank">網頁設計中“對比”原則的剖析和應用</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416620.Html' title='文章標題：三種直接備份 WordPress 博客的方法
作    者：CSS
更新時間：2010-5-11 14:56:35' target="_blank">三種直接備份 WordPress 博客的方法</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416619.Html' title='文章標題：迅速提高設計水平的“九字秘訣”
作    者：CSS
更新時間：2010-5-11 14:56:35' target="_blank">迅速提高設計水平的“九字秘訣”</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416618.Html' title='文章標題：淺析各類網頁中的色彩使用與情感聯想
作    者：CSS
更新時間：2010-5-11 14:56:03' target="_blank">淺析各類網頁中的色彩使用與情感聯想</a><br></DIV>
<DIV class="center"><div class="pic_art">
<div class="pic_art_img"><a class="" href="http://www.xue5.com/itedu/201005/414777.Html" title="Windows 7的十大最差使用體驗" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203144284.jpg'  width='100' height='75' border='0'></a></div>
<div class="pic_art_title"><a class="" href="http://www.xue5.com/itedu/201005/414777.Html" title="Windows 7的十大最差使用體驗" target="_blank">Windows 7的十大最</a></div>
</div>
<div class="pic_art">
<div class="pic_art_img"><a class="" href="http://www.xue5.com/itedu/200910/370878.Html" title="微軟Windows7系統全球發布會現場直錄" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203144124.jpg'  width='100' height='75' border='0'></a></div>
<div class="pic_art_title"><a class="" href="http://www.xue5.com/itedu/200910/370878.Html" title="微軟Windows7系統全球發布會現場直錄" target="_blank"><b>微軟Windows7系統</b></a></div>
</div>
<div class="pic_art">
<div class="pic_art_img"><a class="" href="http://www.xue5.com/itedu/200908/350910.Html" title="解讀Javascript的計時器 (二)" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203144121.jpg'  width='100' height='75' border='0'></a></div>
<div class="pic_art_title"><a class="" href="http://www.xue5.com/itedu/200908/350910.Html" title="解讀Javascript的計時器 (二)" target="_blank">解讀Javascript的</a></div>
</div>
</DIV>
<DIV class="right">·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/200905/306474.Html' title='文章標題：正則表達式限制文本框只能輸入數字
作    者：CSS
更新時間：2009-5-16 7:40:50' target="_blank">正則表達式限制文本框只能輸入數字</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/200905/303332.Html' title='文章標題：網頁設計之字體在頁面排版上的完全攻略
作    者：CSS
更新時間：2009-5-9 5:54:39' target="_blank">網頁設計之字體在頁面排版上的完全攻略</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435621.Html' title='文章標題：UTF-8 GBK UTF8 GB2312 之間的區別和關系
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">UTF-8 GBK UTF8 GB2312 之間的區別和關</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435620.Html' title='文章標題：Web界面測試方法技巧以及注意事項
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">Web界面測試方法技巧以及注意事項</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435619.Html' title='文章標題：Google發布用於網站開發的Chrome Extensions
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">Google發布用於網站開發的Chrome Exten</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435618.Html' title='文章標題：淺談tudou.com首頁圖片延遲加載的效果
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">淺談tudou.com首頁圖片延遲加載的效果</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435617.Html' title='文章標題：Google Web 字體 API 訪談
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">Google Web 字體 API 訪談</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435616.Html' title='文章標題：Google網頁字體在線服務啟動
作    者：CSS
更新時間：2010-8-13 3:49:03' target="_blank">Google網頁字體在線服務啟動</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416624.Html' title='文章標題：網頁設計中水平方向視覺焦點分布探討
作    者：CSS
更新時間：2010-5-11 15:00:55' target="_blank">網頁設計中水平方向視覺焦點分布探討</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416623.Html' title='文章標題：簡單也豐富 簡潔網頁設計視覺呈現技巧
作    者：CSS
更新時間：2010-5-11 14:59:52' target="_blank">簡單也豐富 簡潔網頁設計視覺呈現技巧</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416622.Html' title='文章標題：如何有效創建個性化404錯誤頁面
作    者：CSS
更新時間：2010-5-11 14:59:12' target="_blank">如何有效創建個性化404錯誤頁面</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416621.Html' title='文章標題：網頁設計中“對比”原則的剖析和應用
作    者：CSS
更新時間：2010-5-11 14:56:40' target="_blank">網頁設計中“對比”原則的剖析和應用</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416620.Html' title='文章標題：三種直接備份 WordPress 博客的方法
作    者：CSS
更新時間：2010-5-11 14:56:35' target="_blank">三種直接備份 WordPress 博客的方法</a><br></DIV>
</DIV>

<DIV class=soft_intro><script language='Javascript' src='http://www.xue5.com/AD/200504/13.JS'></script></DIV>
<DIV class=soft_introPIC><table width='100%' cellpadding='0' cellspacing='5' border='0' align='center'><tr valign='top'><td align='center'><a class="" href="http://www.xue5.com/itedu/200905/304530.html" title="Photoshop打造日本卡哇依非主流照片(1)" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203145936.jpg'  width='150' height='113' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200905/304530.html" title="Photoshop打造日本卡哇依非主流照片(1)" target="_blank">Photoshop打造日本卡哇依非主流照片(1)</a></td><td align='center'><a class="" href="http://www.xue5.com/itedu/200905/302627.html" title="PhotoShop教程:制作非主流塗鴉效果大頭帖" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203145544.jpg'  width='150' height='113' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200905/302627.html" title="PhotoShop教程:制作非主流塗鴉效果大頭帖" target="_blank">PhotoShop教程:制作非主流塗鴉效果大頭帖</a></td><td align='center'><a class="" href="http://www.xue5.com/itedu/200905/302624.html" title="PhotoShop教程:調出非主流MM照片溫馨色調" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203145523.jpg'  width='150' height='113' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200905/302624.html" title="PhotoShop教程:調出非主流MM照片溫馨色調" target="_blank">PhotoShop教程:調出非主流MM照片溫馨色調</a></td><td align='center'><a class="" href="http://www.xue5.com/itedu/200905/302164.html" title="PhotoShop教程:制作非主流型男帥哥" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203145961.jpg'  width='150' height='113' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200905/302164.html" title="PhotoShop教程:制作非主流型男帥哥" target="_blank">Photoshop教程:制作非主流型男帥哥</a></td></tr><tr valign='top'><td align='center'><a class="" href="http://www.xue5.com/itedu/200903/291444.html" title="教你改變眼睛的顏色" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203145857.jpg'  width='150' height='113' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200903/291444.html" title="教你改變眼睛的顏色" target="_blank">教你改變眼睛的顏色</a></td><td align='center'><a class="" href="http://www.xue5.com/itedu/200902/283848.html" title="非主流柔紫色調圖片制作教程" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203145391.jpg'  width='150' height='113' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200902/283848.html" title="非主流柔紫色調圖片制作教程" target="_blank">非主流柔紫色調圖片制作教程</a></td><td align='center'><a class="" href="http://www.xue5.com/itedu/200901/271097.html" title="非主流歐美粉色調圖片PS教程" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203145102.jpg'  width='150' height='113' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200901/271097.html" title="非主流歐美粉色調圖片PS教程" target="_blank">非主流歐美粉色調圖片PS教程</a></td><td align='center'><a class="" href="http://www.xue5.com/itedu/200812/270329.html" title="滄桑懷舊非主流風格制作教程" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203145557.jpg'  width='150' height='113' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200812/270329.Html" title="滄桑懷舊非主流風格制作教程" target="_blank">滄桑懷舊非主流風格制作教程</a></td></tr></table></DIV>

<DIV class=soft_intro2><b>學網·特別聲明：</b><br> 本站除部分特別聲明禁止轉載的專稿外的其他文章可以自由轉載，但請務必注明出處和原始作者。本站所有文章版權歸文章原始作者所有。對於被本站轉載文章的個人和網站，我們表示深深的謝意。如果本站轉載的文章有版權問題，請聯系編輯人員Xababy#Gmail.com，我們盡快予以更正。</DIV>

</DIV>
 
<!--右邊 -->

<DIV class=rwen>
<DIV class=rwen1><script language='Javascript' src='http://www.xue5.com/AD/200712/31.JS'></script></DIV>
<DIV class=rwen2t>【<A href="http://www.xue5.com/itedu/List/List_207.Html" title="點擊查看更多CSS" target="_blank">最新CSS資料</A>】</DIV>
<DIV class=rwen2c2>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435621.Html' title='文章標題：UTF-8 GBK UTF8 GB2312 之間的區別和關系
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">UTF-8 GBK UTF8 GB2312 之間的區別和關</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435620.Html' title='文章標題：Web界面測試方法技巧以及注意事項
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">Web界面測試方法技巧以及注意事項</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435619.Html' title='文章標題：Google發布用於網站開發的Chrome Extensions
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">Google發布用於網站開發的Chrome Exten</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435618.Html' title='文章標題：淺談tudou.com首頁圖片延遲加載的效果
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">淺談tudou.com首頁圖片延遲加載的效果</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435617.Html' title='文章標題：Google Web 字體 API 訪談
作    者：CSS
更新時間：2010-8-13 3:49:04' target="_blank">Google Web 字體 API 訪談</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201008/435616.Html' title='文章標題：Google網頁字體在線服務啟動
作    者：CSS
更新時間：2010-8-13 3:49:03' target="_blank">Google網頁字體在線服務啟動</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416624.Html' title='文章標題：網頁設計中水平方向視覺焦點分布探討
作    者：CSS
更新時間：2010-5-11 15:00:55' target="_blank">網頁設計中水平方向視覺焦點分布探討</a><br>·<a class='LinkArticleCorrelative' href='http://www.xue5.com/itedu/201005/416623.Html' title='文章標題：簡單也豐富 簡潔網頁設計視覺呈現技巧
作    者：CSS
更新時間：2010-5-11 14:59:52' target="_blank">簡單也豐富 簡潔網頁設計視覺呈現技巧</a><br></DIV>
<DIV class=rwen2t>【<A href="http://Fzl.xue5.com" title="非主流照片制作" target="_blank">非主流照片制作</A>】</DIV>
<DIV class=rwen2c><table width='100%' cellpadding='0' cellspacing='5' border='0' align='center'><tr valign='top'><td align='center'><a class="" href="http://www.xue5.com/itedu/200905/304530.html" title="Photoshop打造日本卡哇依非主流照片(1)" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203145936.jpg'  width='135' height='102' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200905/304530.html" title="Photoshop打造日本卡哇依非主流照片(1)" target="_blank">Photoshop打造日本卡哇依非主流照片(1)</a></td><td align='center'><a class="" href="http://www.xue5.com/itedu/200903/291444.html" title="教你改變眼睛的顏色" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203145857.jpg'  width='135' height='102' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200903/291444.html" title="教你改變眼睛的顏色" target="_blank">教你改變眼睛的顏色</a></td></tr><tr valign='top'><td align='center'><a class="" href="http://www.xue5.com/itedu/200903/291045.html" title="PS教程_簡單調整偏色圖片" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203145966.jpg'  width='135' height='102' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200903/291045.html" title="PS教程_簡單調整偏色圖片" target="_blank">PS教程_簡單調整偏色圖片</a></td><td align='center'><a class="" href="http://www.xue5.com/itedu/200903/290042.html" title="輕松打造效果之粉白水嫩" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203146743.jpg'  width='135' height='102' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200903/290042.html" title="輕松打造效果之粉白水嫩" target="_blank">輕松打造效果之粉白水嫩</a></td></tr><tr valign='top'><td align='center'><a class="" href="http://www.xue5.com/itedu/200903/287713.html" title="簡單的潮人閃圖制作教程" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203146849.gif'  width='135' height='102' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200903/287713.html" title="簡單的潮人閃圖制作教程" target="_blank">簡單的潮人閃圖制作教程</a></td><td align='center'><a class="" href="http://www.xue5.com/itedu/200903/287325.html" title="非主流頹廢照片制作丟失的顏色" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203146362.jpg'  width='135' height='102' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200903/287325.Html" title="非主流頹廢照片制作丟失的顏色" target="_blank">非主流頹廢照片制作丟失的顏色</a></td></tr></table></DIV>
<DIV class=rwen1><script language='Javascript' src='http://www.xue5.com/AD/200504/12.JS'></script></DIV>
<DIV class=rwen2t>【<A href="http://www.xue5.com/itedu/List/List_312.Html" title="PhotoShop經典教程" target="_blank">Photoshop經典教程</A>】</DIV>
<DIV class=rwen2c><table width='100%' cellpadding='0' cellspacing='5' border='0' align='center'><tr valign='top'><td align='center'><a class="" href="http://www.xue5.com/itedu/200905/304083.html" title="Photoshop四維立體特效40個教程" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203146807.jpg'  width='135' height='102' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200905/304083.html" title="Photoshop四維立體特效40個教程" target="_blank">Photoshop四維立體特效40個教程</a></td><td align='center'><a class="" href="http://www.xue5.com/itedu/200904/216138.html" title="QQ登錄清明Banner概念創意設計過程" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203146176.jpg'  width='135' height='102' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200904/216138.html" title="QQ登錄清明Banner概念創意設計過程" target="_blank">QQ登錄清明Banner概念創意設計過程</a></td></tr><tr valign='top'><td align='center'><a class="" href="http://www.xue5.com/itedu/200904/214518.html" title="Photoshop作摳圖合成孔雀美人圖" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203146673.jpg'  width='135' height='102' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200904/214518.html" title="Photoshop作摳圖合成孔雀美人圖" target="_blank">Photoshop作摳圖合成孔雀美人圖</a></td><td align='center'><a class="" href="http://www.xue5.com/itedu/200904/298021.html" title="Photoshop制作螺旋狀彩色線條圖形" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203146148.jpg'  width='135' height='102' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200904/298021.html" title="Photoshop制作螺旋狀彩色線條圖形" target="_blank">Photoshop制作螺旋狀彩色線條圖形</a></td></tr></table><table width='100%' cellpadding='0' cellspacing='5' border='0' align='center'><tr valign='top'><td align='center'><a class="" href="http://www.xue5.com/itedu/200905/304530.html" title="Photoshop打造日本卡哇依非主流照片(1)" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203145936.jpg'  width='135' height='102' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200905/304530.html" title="Photoshop打造日本卡哇依非主流照片(1)" target="_blank">Photoshop打造日本卡哇依非主流照片(1)</a></td><td align='center'><a class="" href="http://www.xue5.com/itedu/200905/303331.html" title="Photoshop制作網絡卡通簽名效果圖(1)" target="_blank"><img class='pic1' src='/School/UploadFiles_7810/201104/20110411203146892.jpg'  width='135' height='102' border='0'></a><br><a class="" href="http://www.xue5.com/itedu/200905/303331.Html" title="Photoshop制作網絡卡通簽名效果圖(1)" target="_blank">Photoshop制作網絡卡通簽名效果圖(1)</a></td></tr></table></DIV>
<DIV class=rwen2c2><DIV class=rwen1><script language='Javascript' src='http://www.xue5.com/AD/200504/17.JS'></script></DIV></DIV>


</DIV></DIV>

<!--右邊 -->

<DIV class=wrap id=RightContent>
<DIV class=s6><script language='Javascript' src='http://www.xue5.com/AD/200504/25.JS'></script></DIV>
</DIV>
<!--下邊 -->
<DIV class=wrap id=myfoot>
<DIV class=f1><A onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.xue5.com');" href="http://www.xue5.com/#">設為首頁</A> - <A href="Javascript:window.external.addFavorite('http://www.xue5.com','學網');">收藏學網</A> - <A href="http://www.xue5.com/itedu/68.Html" target=_blank>關於學網</A> - <A href="http://www.xue5.com/xml/Rss.XML" target=_blank>RSS訂閱</A> - <A href="http://www.xue5.com/Copyright.asp" target=_blank>版權申明</A> - <A href="http://www.xue5.com/FrIEndSite/Index.ASP" target=_blank>友情鏈接</A> - <A href="mailto:xababy#Gmail.com" target=_blank>聯系學網</A> - <A href="http://www.xue5.com/SiteMap/Article1.htm" target=_blank>網站地圖</A> - <A href="mailto:xababy#Gmail.com" target=_blank>投稿學網</A></DIV>
<DIV class=f2><FONT style="FONT-SIZE: 8pt" face=Verdana>學網·<SPAN lang=en-us>2003</SPAN>-2008版權所有</FONT><BR><FONT style="FONT-SIZE: 8pt" face=Verdana>© CopyRight 2004-2008 <B><A title=學網,教程網站,教程,電腦學習,軟件教程各方面免費教程 href="http://www.xue5.com/" target=_blank>WwW.Xue5.CoM</A></B>.Inc All Rights Reserved</FONT><BR><FONT style="FONT-SIZE: 8pt" face=Verdana><SPAN lang=en-us>合作、聯系E-Mail：cainiaoo.cn#live.cn ＱＱ：1103290，329700200</FONT></SPAN><BR>
<script language='Javascript' src='http://www.xue5.com/itedu/js/DIVit_QQ.JS'></script><BR>學網_致力於電腦使用知識、軟件操作知識以及互聯網應用知識的普及<BR><A href="http://www.miibeian.gov.cn/" target=_blank><B>陝ICP備05000834號</B></A></FONT><BR>
<script language='Javascript' src='http://www.xue5.com/AD/200504/18.JS'></script></DIV>
</DIV>

</BODY>
</Html>

CSS詳解
CSS overflow溢出屬性
你對CSS overflow 溢出屬性的定義和用法是否熟悉，這裡向大家描述一下，overflow
css 最小高度設置
min-height:600px;height:auto !important;height:60
DIV布局屬性用法詳盡解讀(2)
◆DIV布局之height屬性：相同的BOX還有height屬性來控制本身的高度：屬性名稱:hei

相關文章

CSS基礎知識Sass教程CSS3基礎關於CSSCSS進階教程DIV十CSS布局CSS特效代碼CSS詳解
小編推薦
CSS學習之css代碼的簡寫的十條規則 css 段落縮進text-indent用法 CSS padding-right 屬性 CSS padding用法屬性詳解 詳解CSS中的規則聲明 CSS打造多彩文字鏈接 CSS新手整理的CSS技巧 由淺入深學習margin屬性用法和特征(3) 簡單的文本向上滾動並可用鼠標控制的特效代碼 CSS入門:XHTML文檔結構樹
熱門推薦
CSS 文本字體顏色設置方法(CSS color) 主流浏覽器CSS Reset的方法(5) 人們期待的CSS3的10大功能 css常用:CSS常用總結 div+css，不是濫用div Div+CSS基礎教程(二) 網頁制作中的水平居中和垂直居中解決方案 在兩個下拉選擇框中找相同的顏色 在Frontpage 中定義網頁CSS樣式
大家都在看
ASP.NET客戶端生命周期事件的實例代碼實例及代碼的分析 JavaScript實現拖拽網頁內元素的方法 利用Asp.net Ajax異步獲取xml文檔內容 javascript學習筆記(十八) 獲得頁面中的元素代碼 JavaScript匿名函數之模仿塊級作用域 AptanaIDE中文亂碼的問題及說明解決 判斷一個變量是數組Array類型的方法 淺談javascript控制HTML5的全屏操控,浏覽器兼容的問題
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved