HTML-水平和垂直菜单-堆栈溢出

顺晟科技

2022-10-18 13:36:27

144

所以我需要创建垂直和水平菜单。水平的必须使用"；显示：内联"；，但我真的不知道怎么做。另外，我想添加一些CSS编辑，比如使用悬停来改变按钮背景，这样它看起来就像是动画，但我不能使用JS，只能使用纯CSS.将随机站点添加到菜单按钮

顺晟科技：

使用Display Flex可以做到这一点。https：//flexbox.malven.co/.

对于CSS，您可以使用:hover轻松实现这一点，例如：

.item:hover {
    background-color: red;
    transition: background-color 0.5s ease;
}

您可以尝试不同的过渡类型，以找到符合您要求的过渡类型。

使用Flexbox进行水平和垂直样式设置：例如：

//for horizontal
div{
 display: flex;
}

//for vertical
div{
 display : flex;
 flex-direction : column;
}

网站建设