亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何使用CSS制作一個三角的導航提示效果

發布時間:2022-02-28 10:08:48 來源:億速云 閱讀:171 作者:小新 欄目:web開發

這篇文章主要介紹了如何使用CSS制作一個三角的導航提示效果,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

 
  <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
  <htmlxmlns="http://www.w3.org/1999/xhtml">
 
  <head>
 
  <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
 
  <title>CSS制作一個三角的導航提示效果</title>
 
  </head>
 
  <style>
 
  #menu{width:500px;padding:0;margin:40pxauto;list-style-type:none;}
 
  #menuli{width:100px;float:left;line-height:30px}
 
  #menua{position:relative;display:block;text-decoration:none;background:#cccccc;width:100px;}
 
  #menuaspan{display:block;font-weight:bold;color:#000;border-style:solid;border-width:0px2px2px0px;border-color:#fff#fff#06a#fff;text-align:center;}
 
  #menuaem{display:none;}
 
  #menua:hover{background:#FF0000;}
 
  #menua:hoverspan{color:#fff;}
 
  #menua:hoverem{display:block;overflow:hidden;border:6pxsolid#06a;border-color:#06a#fff;border-width:6px6px06px;position:absolute;left:50%;top:100%;margin-left:-6px;}
 
  </style>
 
  <body>
 
  <ulid="menu">
 
  <li><ahref="#"><span>CSS教程</span><em></em></a></li>
 
  <li><ahref="#"><span>CSS布局</span><em></em></a></li>
 
  <li><ahref="#"><span>CSS兼容性</span><em></em></a></li>
 
  <li><ahref="#"><span>CSS</span><em></em></a></li>
 
  </ul>
 
  </body>
 
  </html>

感謝你能夠認真閱讀完這篇文章,希望小編分享的“如何使用CSS制作一個三角的導航提示效果”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

榆中县| 视频| 康平县| 腾冲县| 两当县| 许昌市| 沅江市| 淮滨县| 太仆寺旗| 河间市| 米林县| 嵊泗县| 集贤县| 桑植县| 满城县| 肇州县| 大丰市| 浠水县| 三台县| 天祝| 东安县| 哈巴河县| 灵寿县| 侯马市| 方正县| 凤城市| 汾阳市| 深水埗区| 台东市| 屏东县| 福贡县| 尉氏县| 江源县| 工布江达县| 商城县| 浦东新区| 宣化县| 巴东县| 鹿泉市| 东阿县| 乌拉特中旗|