• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    css實現鼠標放在文字上,隱藏的div顯示出來

    新建一個html文件,定名為test.html,用于講解css實現鼠標放在文字上,埋沒的div顯示出來。

  • 2

    在test.html文件內,利用ul li建立一行列表,在li標簽里面利用a標簽建立一個文字鏈接。

  • 3

    在a標簽的下面,建立一個div模塊,在div內寫上測試的文字。代碼如下:

  • 4

    在test.html文件內,建立css標簽,在css內初始化頁面所有元素樣式,設置表里邊距都為0 。


  • 5

    利用css設置div埋沒(display:none),而且設置div內的文字顏色為紅色(color:red)。

  • 6

    利用css設置li的hover屬性,實現當鼠標放在li標簽內的a鏈接上面時,經由過程把div的display屬性設置為block,把div顯示出來。

  • 7

    在瀏覽器打開test.html文件,查看實現的結果。

    • 發表于 2019-09-21 17:00
    • 閱讀 ( 1718 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆