Html 带子菜单和纹理的下拉菜单？

所以我以前从未创建过下拉菜单

我的问题是如何为导航菜单创建纹理

我有html代码：

<div id="nav">

 <ul class="bar">
 <li></li> 
 <li></li> 
 <li></li>     
 <li>Guitars</li> 
 <ul>
 <li>Fender</li>    
 <li>Yamaha</li> 
 </ul> 
 </ul>

</div>

吉他

挡泥板
雅马哈

所以我想在所有导航菜单和子菜单中添加一个纹理，我该怎么做？ 我可以使用

背景图像：（'images/texture.png'）？
我有一个透明的图像，如何使导航菜单水平

非常感谢您抽出时间
 对于背景图像，使用
url（）
（）：

…但如果图像是透明的，我看不出有什么意义

要使菜单水平，请使用浮动或内联块元素：

.bar > li {
    display: inline-block;
}

或

我想这取决于你想要什么样的纹理

如果您只想让子菜单具有纹理

大概是

 ul.bar li ul {background-image: url('images/texture.png');}

您还可以将背景图像放到背景中，然后在短版本中添加重复、中间或顶部或其他内容

 ul.bar li ul {background: url('images/texture.png') repeat center top;}

希望这有帮助
 为了补充这个答案，根据您希望纹理应用的位置，您可以将其应用于包含
div
或
ul
元素本身……好的，我会尝试，谢谢。但是现在我很困惑，我从来没有在类名和li元素之间使用过>。@Fredericofrg
ul>li
表示所有ul元素的子元素，而
ul li
表示所有ul元素的子元素。儿童选择器是faster@Fredericofrg大于符号用于选择指定元素的直接子元素。查看此处了解更多信息：我想这只是一个输入错误，但请使用
而不是
哈哈，我的键盘太旧了！谢谢你看到这个错误。这只是一个噪音，我很困惑，是最好在photoshop上调整导航尺寸，加上黑色背景色，加上杂色，然后把那个大图像放在我的网站上，还是只做一个div和所有ul li元素，然后加上黑色背景色，然后加上杂色。你是在问你是否可以多次使用它吗？在这种情况下，您可以多次使用它，而不会出现任何性能问题，因为它将缓存在浏览器中。到处加上你的噪音！
 ul.bar li ul {background-image: url('images/texture.png');}

 ul.bar li ul {background: url('images/texture.png') repeat center top;}