如何使用CSS设计在菜单列表中交互锚标记。 [英] How can I interact anchor tag in menu list using CSS design.

问题描述

好吧，我在菜单列表项中有锚标记。

well, i have anchor tag in menu list item.

<ul>
    <li><a href="Home.aspx"></a></li>
</ul>

菜单列表属性：

height = 50px;

宽度= 100px;



锚标签属性。

font-size = 18px;





问题是，当我完全点击锚标签时页面才被重定向。但我的要求是，当我们点击列表菜单中的任何位置（锚标记周围）时，我想重定向链接。



请帮助我。



我的尝试：

menu list properties:
height=50px;
width=100px;

anchor tag properties.
font-size=18px;


problem is, page only redirected when i click exactly on anchor tag. but my requirement is i want to redirect the link when we click any where in list menu(around the anchor tag).

Pls Help me.

What I have tried:

<ul>
             <li><a href="Home.aspx">Home</a></li>

             <li><a href="contact.aspx">Contact Us</a></li>

             <li><a href="about.aspx">About Us</a></li>
</ul>


Sample Html code.

推荐答案

只需将一些像素填充到标签中即可。高度。如果有可能删除宽度意味着删除它也



ul li a {

填充：10px 5px;

保证金：0 5px;

}



相反宽度只给浮动：左边为li



ul li {

Just give padding some pixel to a tag.Remove Height.if it's possible to remove width means remove that also

ul li a{
padding:10px 5px;
margin:0 5px;
}

Instead width just give float:left for li

ul li{

float:left

}

}

这篇关于如何使用CSS设计在菜单列表中交互锚标记。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！