python如何导入背景图片_背景图片的正确导入方式

博客介绍了将图片作为背景图片导入的方法,通过background-image导入图片,再用background-position调整位置。还指出通过背景导入的图片无法改变大小,而用img导入的图片可以改变大小。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

例:

将此图片作为背景图片导入。

  • 深蓝色
  • 紫色
  • 红色
  • 淡蓝色
  • 黄色
  • 绿色

#skin{

width: 120px;

border: 1px solid #ccc;

background-color: #fff;

margin: 10px;

padding: 4px;

}

#skin li{

float: left;

width: 15px;

height: 15px;

text-indent: -9999px;

overflow: hidden;

display: block;

cursor: pointer;

margin-left: 4px;

background-image:url(images/theme.gif);

}

#skin_0{

background-position: 0px  0;

}

#skin_1{

background-position: 15px 0;

}

#shin_2{

background-position: 35px 0;

}

#shin_3{

background-position: 55px 0;

}

#shin_4{

background-position: 75px 0;

}

#shin_5{

background-position: 95px 0;

}

#skin_0.selected{

background-position: 0px 15px;

}

#skin_1.selected{

background-position: 15px 15px;

}

#shin_2.selected{

background-position: 35px 15px;

}

#shin_3.selected{

background-position: 55px 15px;

}

#shin_4.selected{

background-position: 75px 15px;

}

#shin_5.selected{

background-position: 95px 15px;

}

图片先通过background-image导入,在通过background-position调整位置。

注:通过背景导入的图片无法改变其大小,通过img导入的图片可以改变大小。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值