小ㅤ七ㅤ之ㅤ家
启动

主题美化-左侧菜单添加背景图片【手机专用】

主题美化2个月前更新 小七
675 0 0
主题美化-左侧菜单添加背景图片【手机专用】

手机侧边栏背景图片美化

目录

  1. 简介
  2. 效果预览
  3. 部署代码

简介

这是一个简单的CSS代码,用于美化手机端侧边栏背景。若要更换图片,请把代码中的 url(*.jpg) 替换成 url(自己的图片链接) 即可。


部署代码

/*手机侧边栏背景图片*/
@media (max-width: 767px){
    .mobile-navbar.show,.mobile-navbar.left{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
        background-image:linear-gradient(rgba(255, 255,255,0),rgba(255,255,255, 0.3)),url(https://ps.ssl.qhimg.com/t027315007ce69f2f07.jpg);
    }
    .mobile-nav-widget .box-body {
        background: var(--muted-border-color) !important;
    }
}
function test1() {
  console.log("第一步的可复制代码");
}


© 版权声明

相关文章

暂无评论

暂无评论...
小七之家 导航
友情链接 申请
在线聊天 13人
加载耗时
网站运行
服务剩余 0