自己制作淘宝首页全屏背景图固定代码

2025-11-17 12:31:44

1、到淘宝图片空间复制背景图链接方法1将鼠标箭头指向要复制的图片点击链接标志,2双击要复制的背景图在左上角点击复制链接。

自己制作淘宝首页全屏背景图固定代码

自己制作淘宝首页全屏背景图固定代码

2、双击打开 Dreamweaver CC方法 1直接点击htm进入工作区,2单击文件>>新建命令>>空白页>>HTML>><无>完成创建

自己制作淘宝首页全屏背景图固定代码

自己制作淘宝首页全屏背景图固定代码

3、在工作区选择设计,在属性栏(属性快捷键Ctrl+F3)点击页面属性,在对话框的背景图像中粘贴复制好的图片链接,再到下一项重复中选择no-repeat完成点击确定,

自己制作淘宝首页全屏背景图固定代码

自己制作淘宝首页全屏背景图固定代码

4、再到属性点击编辑规则命令在弹出的对话框单击点背景设置背景滚动模式在background-attachment:选择fixed;再到下一个设置背景位置background-position:选择 center;完成单击确定

自己制作淘宝首页全屏背景图固定代码

自己制作淘宝首页全屏背景图固定代码

5、在工作区选择拆分在代码区复制全屏固定代码从

body {

background-image: url(这是淘宝全屏背景图链接地址);

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center;}

包括花括号全部拷贝。

也可以将这现成代码复制备用。

自己制作淘宝首页全屏背景图固定代码

自己制作淘宝首页全屏背景图固定代码

6、进入淘宝店铺装修,点击导航栏编辑,在弹出的窗口单击显示设置,把复制好的全屏代码粘贴到显示框,点击确定先预览可以了再发布。

自己制作淘宝首页全屏背景图固定代码

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢