用戶登錄  |  用戶注冊
首 頁源碼下載網絡學院最新源碼源碼排行屏蔽廣告
當前位置:新興網絡 > 網絡學院 > 網頁制作 > CSS
網絡學院標題關閉所有內容預覽 | 展開所有內容預覽
  • [圖文] IE6 CSS高度height:100% 無效解決方法總結 [內容預覽] 6443 | 2012-08-27
    上面紅色部分為 height:100%; 自動拉伸到與父元素一樣的高度。 在IE7 8 FF 等瀏覽器中通過position:absolute;可以使height:100%;正常顯示,IE6下無效。 方法一: 使用CSS嵌入JS來實現。 _height:expression(...

    [閱讀全文]

  • DIV+CSS實現蓋樓爬墻式評論效果 [內容預覽] 320 | 2011-06-30
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>DIV+CSS實現蓋樓爬墻式評...

    [閱讀全文]

  • 純CSS實現圖片幻燈片效果 [內容預覽] 1664 | 2011-01-25
    純CSS實現圖片幻燈片效果,只是不能自動切換,用鼠標點擊能切換。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.o...

    [閱讀全文]

  • CSS邊框高度自動適應 [內容預覽] 1401 | 2011-01-21
    CSS邊框高度自動適應,曾經被這個問題搞的焦頭爛額,后來到網上求助才解決,只加了一個清除浮動就解決了,從此對清除浮動不敢低看了,呵呵。就是這句: overflow:hidden; zoom:1; 以后可以注意了呢。 <!DOCTY...

    [閱讀全文]

  • 純CSS代碼實現鼠標指向圖片放大效果 [內容預覽] 931 | 2011-01-21
    沒有用到Javascript代碼,純CSS代碼實現鼠標指向圖片放大效果。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:...

    [閱讀全文]

  • CSS 實現刪除線以及刪除線與文本不同顏色 [內容預覽] 1372 | 2010-12-25
    刪除線用一下這個CSS樣式即可實現。 text-decoration:line-through; 示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htm...

    [閱讀全文]

  • CSS Fliter濾鏡實現多種圖片特效 [內容預覽] 266 | 2010-12-18
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Fliter濾鏡實現多種圖...

    [閱讀全文]

  • 純CSS實現尖角提示框效果 [內容預覽] 1782 | 2010-12-04
    沒有使用任何圖片,純CSS實現帶箭頭的提示框效果。方框大小可以自動適應文件長度。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...

    [閱讀全文]

  • a 標簽結合CSS模擬按鈕效果 [內容預覽] 2376 | 2010-11-28
    a 標簽結合CSS模擬按鈕效果,里面只用了一張圖片,利用CSS將圖片進行分割,實現了鼠標指向變換背景特效。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht...

    [閱讀全文]

  • CSS 實現全站變成灰色 [內容預覽] 210 | 2010-11-16
    利用CSS使網頁上所有的圖片以及文件全部變成灰色。 CSS代碼如下: *{FILTER: gray;} 示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...

    [閱讀全文]

  • 純CSS實現三角塊形狀 [內容預覽] 199 | 2010-11-16
    <!doctype html><html><body><h2>看看這個例子就會明白所謂“三角邊”了</h2><div style="border-width:40px;border-style:solid;border-color:red green black blue;line-height:0;font-size:0;width:100px;height:...

    [閱讀全文]

  • 幾個很漂亮的Button按鈕CSS樣式 [內容預覽] 17137 | 2010-11-04
    幾個美化的按鈕CSS樣式,有漸變、動感等效果,挺好看的。 <html><head><meta http-equiv="Content-Type" content="text/html;charset=gb2312" /><title>幾個很漂亮的Button按鈕CSS樣式</title><style>.btn{ border...

    [閱讀全文]

  • CSS span標簽的寬度固定方法 [內容預覽] 768 | 2010-11-04
    通過一下代碼試驗以后發現無效,無論是在Firefox還 是IE中都無效 。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns...

    [閱讀全文]

  • Opera CSS Hack方法以及FF、IE6-8 Hack [內容預覽] 1170 | 2010-10-03
    整理的幾種瀏覽器的CSS hack 方法,如有什么不對的地方歡迎指出。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="ht...

    [閱讀全文]

  • 純CSS實現撲克牌效果 [內容預覽] 209 | 2010-09-18
    沒有調用任何圖片,純CSS實現,為了演示方便,這里用的JavaScript代碼主要是控制撲克牌的切換。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><h...

    [閱讀全文]

  • 純css制作傾斜的導航菜單 [內容預覽] 377 | 2010-09-12
    純CSS制作的菱形傾斜效果,可以根據你的喜歡適當更改,會有更多效果。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="h...

    [閱讀全文]

  • CSS+DIV實現圓角按鈕效果 [內容預覽] 4156 | 2010-09-04
    方法相對精簡的CSS圓角效果,代碼確實不多,而且圓角效果特別好,有金屬的質感,大家完全可以把圓角定義成類,隨時用隨時調用。 <html><head><title>純css實現圓角按鈕</title><style type="text/css">.a{float:lef...

    [閱讀全文]

  • 純CSS 邊框圓角效果 [內容預覽] 211 | 2010-09-02
    效果很確不錯,沒有使用任何修飾圖片,可以變通研究一下。 <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>CSS圓角</title></head><style type="text/css"> body { ba...

    [閱讀全文]

  • CSS 完美兼容圖片邊框陰影效果 [內容預覽] 1510 | 2010-08-29
    主要使用了CSS濾鏡+CSS3兼容各種瀏覽器,代碼簡單實用。 瀏覽器支持情況: Firefox 3.5+ Safari 3+ Google Chrome Opera 10.50 Internet Explorer 5.5 <html><head><title>CSS圖片陰影效果</title><style...

    [閱讀全文]

  • 純CSS實現百分比柱狀圖效果 [內容預覽] 250 | 2010-08-25
    很實用的CSS功能,這里主要是用CSS控制平鋪的背景,達到柱狀顯示的功能,你可以試著更改這些參數,看有什么美妙的變化。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/x...

    [閱讀全文]

  • 純CSS實現圖片彈出顯示效果 [內容預覽] 1707 | 2010-08-23
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Lightbox效果</title> <style> .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 1...

    [閱讀全文]

  • CSS 實現表格對角線 [內容預覽] 360 | 2010-08-06
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-T...

    [閱讀全文]

  • 一款很不錯的純CSS下拉菜單 [內容預覽] 370 | 2010-08-05
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-T...

    [閱讀全文]

  • CSS的查找匹配原理解析 [內容預覽] 105 | 2010-08-04
     用了這么多年的CSS,現在才明白CSS的真正匹配原理,不知道你是否也跟我一樣?看1個簡單的CSS: DIV#divBox p span.red{color:red;},按習慣我們對這個CSS 的理解是,瀏覽器先查找id為divBox的DIV元素,當找到后,...

    [閱讀全文]

  • CSS 鼠標經過圖片黑白變彩色效果 [內容預覽] 992 | 2010-07-21
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type...

    [閱讀全文]

  • 編寫CSS的4個良好習慣 [內容預覽] 126 | 2010-06-23
    從事網站前臺WEB制作的朋友都知道,如今CSS已經成為網頁布局不可缺少的一部分了,雖然還有不少網站制作公司在使用TABLE制作網站,但是在制作過程也免不了使用CSS,那么如何書寫CSS讓后期維護時更加輕松呢? 一、在樣...

    [閱讀全文]

  • [圖文] CSS3太強悍了,有圖有真相 [內容預覽] 379 | 2010-06-22
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; ch...

    [閱讀全文]

  • 純CSS打造精美網站導航菜單 [內容預覽] 732 | 2010-06-20
    這是一款是仿豬八戒首頁的導航菜單,效果可以說非常漂亮、精致。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="htt...

    [閱讀全文]

  • CSS打造DIV各種邊框樣式 [內容預覽] 1574 | 2010-06-08
    <html><head><title>CSS實現DIV各種邊框樣式</title></head><body> <p style="border-style:none">無邊框</p> <p style="border-style:dotted">點線式邊框</p> <p style="border-style:dashed">破折線式邊框</p> <p ...

    [閱讀全文]

  • [圖文] CSS 3 border-radius實現DIV圓角 [內容預覽] 209 | 2010-05-21
    CSS3.0 border-radius來實現圓角DIV 頁面中圓角的實現是個很頭疼的問題,雖然現在有很多種實現方法,但是都是比較麻煩的。在本文中,讓我們看看如何使用CSS3 border-radius來實現圓角DIV。 跨瀏覽器兼容性 并不是...

    [閱讀全文]

總數:3430 上一頁1 2下一頁
秒速时时彩