Question

网页上鼠标悬停下拉栏的这个边框效果是如何达到的？

这是鼠标不在“站长论坛上悬停时的效果”

这是悬停在上面的效果

这个鼠标悬停出现下拉栏我会做，但是我做出来是这样的：

如何像这个网站这样有一个包括“站长论坛”和下面选项在一起的边框呢？
另外，还有这个网站的“站长论坛”后面的自动变换的上下三角形又是如何实现的呢？





Answer 1

无非是在站长论坛的hover加上需要的css；

如何像这个网站这样有一个包括“站长论坛”和下面选项在一起的边框呢？
答：“站长论坛”的hover的css中上，左，右加上边框，下边框为无；选项边框全部加上，让“站长论坛”的最底处正好覆盖掉选项框的上边框；
另外，还有这个网站的“站长论坛”后面的自动变换的上下三角形又是如何实现的呢？
答：修改“站长论坛”背景为向上的三角形，hover时背景为向下的三角形；

追问

请问怎么写hover的css啊？我的js部分是这样写的