如何解决如何像网站菜单中的另一个链接一样设置图像
我是编程的新手,我创建了一个网站,但是,我会在菜单中添加一个图像,就像该菜单的另一个链接一样。我已经尝试过了,但是我不仅只能移动图像,而且在网络上也找不到可以帮助我的东西。
这是我的html和CSS代码:
header {
background-color: dark;
border-radius: 10px;
}
#menu li {
display: inline-block;
}
#menu .bouton {
display: block;
width: 8em;
padding: 5px 0;
text-align: center;
border: 1px solid black;
background-color: white;
color: black;
text-decoration: none;
margin: 50px;
border-radius: 5px;
}
*/ #menu .bouton:hover {
background-color: black;
color: white;
border-color: white;
}
#menu {
text-align: center;
}
li {
font-family: Impact,sans-serif;
font-size: 1.25em;
}
<ul id="menu">
<li>
<a href="home.html"><img src="logo.png" class="button" alt="Logo" title="Go home" width="30px" height="50px" /></a>
</li>
<li> <a href="visit.html" class="bouton" title="Visit">Visit</a> </li>
<li> <a href="contact.html" class="bouton" title="Contact">Contact</a> </li>
<li> <a href="tourism.html" class="bouton">How make here ?</a> </li>
<li> <a href="reservation.html" class="bouton">Reservations</a> </li>
</ul>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。