Css 我可以在li b上使用Href吗?
我的第一个问题是这个链接对LiB不起作用 这是不可能的吗 我想向下移动导航按钮以与徽标对齐。 此外,我想更改每个导航按钮的徽标img(请参见img)Css 我可以在li b上使用Href吗?,css,href,navbar,image-replacement,Css,Href,Navbar,Image Replacement,我的第一个问题是这个链接对LiB不起作用 这是不可能的吗 我想向下移动导航按钮以与徽标对齐。 此外,我想更改每个导航按钮的徽标img(请参见img) 保险商实验室{ 列表样式类型:无; 保证金:0; 填充:0; 溢出:隐藏;} 李{ 浮动:左;} 李阿{ 显示:块; 填充:0px 0px; 文本装饰:无;} 李白{ 显示:块; 填充:280px 0px 0px 0px; 文本装饰:无;} 李乙:悬停{ 希望有人能帮上忙,虽然我真的是noob,但还是href就是所谓的“属性”
保险商实验室{
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;}
李{
浮动:左;}
李阿{
显示:块;
填充:0px 0px;
文本装饰:无;}
李白{
显示:块;
填充:280px 0px 0px 0px;
文本装饰:无;}
李乙:悬停{
希望有人能帮上忙,虽然我真的是noob,但还是
href
就是所谓的“属性”
请注意,href
属性必须是URL或URI,如果您希望链接实际工作。home
不是URL,因此链接将无法按预期工作。有关详细信息,请参阅MDN
为便于将来参考,请查看。在那里,您将找到元素及其支持的属性的完整列表。否您不能将href与b一起使用 根据mdn参考: 仅表示标准属性,如下所述: 我建议将所有的b标签转换为a。如果你想让它们看起来像b,你可以使用css 为设计目的使用正确的html元素是最佳实践
请参见否。
b
不理解href
属性。只需将其分开:
。有关详细信息,请阅读位于的在线HTML文档。在那里,您可以看到b可以拥有的属性:谢谢,当然可以。已经研究了一段时间,我猜我弄混了。谢谢您的回复,我将我会研究一下。我建议你避免使用w3.org。他们的很多教程都有缺陷,文档也不完整或完全不正确。更全面,更容易理解(特别是对于初学者)。
<ul>
<li><a href="home"><img src='images/logo1.jpg' width='550 height='400' onmouseover="this.src='images/logo.jpg';" onmouseout="this.src='images/logo1.jpg';" /></a></li>
<li><b href="music"><img src='images/m.jpg'/></b></li>
<li><b href="news"><img src='images/j.jpg'/></b></li>
<li><b href="contact"><img src="images/s.jpg"/></b></li>
<li><b href="about"><img src="images/g.jpg"/></b></li>
<li><b href="contact"><img src="images/p.jpg"/></b></li>
<li><b href="about"><img src="images/c.jpg"/></b></li>
</ul>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;}
li {
float: left;}
li a {
display: block;
padding: 0px 0px;
text-decoration: none;}
li b {
display: block;
padding: 280px 0px 0px 0px ;
text-decoration: none;}
li b:hover{
<a href="http://www.google.com"><b>Go To Google</b></a>