好的,这很简单。我首先创建了一个通常的“主页”按钮,链接到网站的主页,但是“主页”这个词看起来太明显了。因此,我尝试插入一个图标来代替那个词,但它不合适。我在我的 css 中尝试了一些东西,但它弄乱了整体(用于创建导航菜单)。附上截图。请如果有人可以看到什么是错的。
CSS:-
ul#menu
{
padding: 0px;
position: relative;
margin: 0;
}
ul#menu li
{
display: inline;
text-decoration:solid;
}
ul#menu li a
{
color: black;
background-color: #f5b45a;
padding: 10px 20px;
text-decoration: none;
line-height: 2.8em;
/*CSS3 properties*/
border-radius: 4px 4px 0 0;
}
HTML:-
<ul id="menu">
<li id="Home_Link"><a href="Home"><img src="../../Image_Data/Home_Icon.ico" id="Home_Icon"/></a></li>
<li><a href="Men">MEN</a></li>
<li><a href="Women">WOMEN</a></li>
<li><a href="Kids">KIDS</a></li>
<li><a href="Design">DESIGN!!</a></li>