关于垂直导航条实例

2024-01-16 15:07 小编
   垂直导航条实例
 
    创建一个简单的垂直导航条实例,在鼠标移动到选项时,修改背景颜色:
 
ul {
 
    list-style-type: none;
 
    margin: 0;
 
    padding: 0;
 
    width: 200px;
 
    background-color: #f1f1f1;
 
}
 
 
 
li a {
 
    display: block;
 
    color: #000;
 
    padding: 8px 16px;
 
    text-decoration: none;
 
}
 
 
 
/* 鼠标移动到选项上修改背景颜色 */
 
li a:hover {
 
    background-color: #555;
 
    color: white;
 
}


在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码