我是WordPress新手。我想在WordPress中定制一个页面,在那里我想创建一个水平菜单栏,但尝试所有可能的方式后,我仍然无法制作一个hozizontal酒吧。它看起来像下面的图片如何在wordpress的自定义主页中创建横向(内联)菜单栏
/*
Theme Name: Twenty Fourteen
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: the WordPress team
Author URI: https://wordpress.org/
*/
body
{
\t margin:0;
\t padding:0;
}
ul.Menu
{
list-style-type: none;
margin-top:0.8%;
padding: 3%;
\t text-decoration:none;
\t float:right;
\t font-size:18px;
\t font-family:Lato-Regular;
\t margin-right:20%;
\t position:relative;
\t background-color:#A52A2A;
\t display:inline-block;
}
li.Menu
{
display: inline-block;
\t padding:15px;
}
ul li a.Menu
{
\t color:#32445A;
\t text-decoration:none;
}
<body <?php body_class(); ?>>
<div>
<ul class="Menu">
<li class="list"><a class="Listclass" href="#home"><img src="http://10.37.4.179/wordpress/wp-content/uploads/2016/07/home-active.png" alt="home"></a></li>
<li class="list"><a class="Listclass" href="#Features & Benefits">Features & Benefits</a></li>
<li class="list"><a class="Listclass" href="#Support">Support</a></li>
<li class="list"><a class="Listclass" href="#Training">Training</a></li>
<li class="list"><a class="Listclass" href="#What's New">What's New</a></li>
<li class="list"><a class="active" href="#Aboutus">About Us</a></li>
<li class="list"><a class="Listclass" href="#Contact">Contact Us</a></li>
</ul>
</div>
请帮我创建水平直列菜单栏为我定制主页
仍然没有工作,先生。你可以请建议我充分的CSS为此 –
请参阅我编辑的答案 – Coop