是否可以使用 css 制作对角菜单栏？

Question

我想为我的博客制作一个对角菜单栏，但我不知道该怎么做。请问有人可以帮忙吗？

我可以根据我的模板对自己进行个性化设置的一些简单的东西（如图中的那个）:

Answer 1

此部分不适用于您希望其他人完成的工作。这是问题部分，您可以在其中请求人们帮助您解决无法正常工作或给您带来错误的代码。我建议将其张贴在工作部分。最好的问候

Answer 2

是的，可以做到这一点。您应该查看此 CSS3 属性、transform，然后指定您希望它旋转的度数。

示例

#myMenuBar {
    background-color:black;
    color:white;
    transform:rotate(-10deg);
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
}

请注意浏览器对 transform 的支持。您可以在此处找到更多详细信息：http://www.w3schools.com/cssref/css3_pr_transform.asp

是否可以使用 css 制作对角菜单栏？

is it possible to make a diagonal menu bar using css?

html

css

menubar

navigationbar

diagonal