我们来学习一下用Visual Studio 2019软件,写一个菜单栏,一级加二级菜单栏,效果图如下:
正在上传…重新上传取消
首先我们要知道菜单栏有什么作用和效果,毕竟第一步要先写样式对吧,这个就不用我多说了,第二步我们就简单一点,就写鼠标的移入移出的效果,就不写点击效果了。
如果你你想要点击效果的话,也可以自己写的。
样式效果写法如下:
<head>
<meta name="viewport" content="width=device-width" />
<title>Question3</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
.wrap {
width: 330px;
height: 30px;
margin: 100px auto 0;
padding-left: 10px;
background-image: url('../../Content/imgs/bg.jpg');
}
.wrap