CSS Border屬性制作小三角

2024-07-11 08:45:27

字體：大中小

來源：轉載

供稿：網友

效果如下：

鼠標放上顯示第二個的效果！
這個不知道在哪里看的，轉過來了，地址不記得了，感謝原作者

<!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" content="text/html; charset=gb2312" /> <title>em實現倒三角的提示效果-JS特效學院</title> </head> <style>  </style> <body> <ul id="menu"> <li><a href="http://www.survivalescaperooms.com/">M One</a></li> <li><a href="http://www.survivalescaperooms.com/">M Two</a></li> <li><a href="http://www.survivalescaperooms.com/">M Three</a></li> <li><a href="http://www.survivalescaperooms.com/">M Four</a></li> </ul> </body> </html>

提示：您可以先修改部分代碼再運行

上一篇：網頁制作 css讓頁面居中對齊

下一篇：網站導航菜單的分割線和水平居中