WordPress 主题美化 - 美化导航栏添加背景图和透明效果

310次阅读
没有评论

共计 362 个字符,预计需要花费 1 分钟才能阅读完成。

首先下载背景图,右键保存。

Wordpress 主题美化 - 美化导航栏添加背景图和透明效果

然后将图片上传到 wordpress,再加入以下 css 代码:

header {
    background-color: rgba(255, 255, 255, 0.96);
    background-image: url(https://www.amjun.com/img/uploads/2023/04/643e056187339.png);
    background-position: center right;
    background-size: auto 100%;
    box-shadow: 0px 5px 40px 0px rgba(17,58,93,0.1);
}

.menu-header-plane > ul {
   background-color: rgba(255, 255, 255, 0.96);
    background: unset;
}

url 记得修改为自己的链接。

提醒:本文发布于461天前,文中所关联的信息可能已发生改变,请知悉!

AD:【腾讯云服务器大降价】2核4G 222元/3年 1核2G 38元/年
正文完
 
阿蛮君
版权声明:本站原创文章,由 阿蛮君 2023-04-18发表,共计362字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
Copyright © 2022-2024 阿蛮君博客 湘ICP备2023001393号
本网站由 亿信互联 提供云计算服务 | 蓝易云CDN 提供安全防护和加速服务
Powered by Wordpress  Theme by Puock