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

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

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

header {
    background-color: rgba(255, 255, 255, 0.96);
    background-image: url(https://www.xiaoshao.top/wp-content/uploads/2023/05/beijing.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 记得修改为自己的链接。

 

文章内容转自阿蛮君博客

版权声明

版权说明:本文内容采用CC BY-NC-SA 4.0许可,转载请注明
作者:惊鸿
标题:WordPress 主题美化 – 美化导航栏添加背景图和透明效果
文章地址:https://www.xiaoshao.top/206.html
页面地址:https://www.xiaoshao.top/author/lonely
THE END
分享
二维码
打赏
海报
WordPress 主题美化 – 美化导航栏添加背景图和透明效果
首先下载背景图,右键保存。 然后将图片上传到 wordpress,再加入以下 css 代码: header { backg……
<<上一篇
下一篇>>