资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/CSS之background-image：在一个元素中设置给定数量的背景图片

CSS之background-image：在一个元素中设置给定数量的背景图片

FullStackDeveloper / 648人阅读

摘要：众所周知，可以通过设置的值来改变背景图片的重复次数。如果只想设置给定数量的图片该怎么办以个为例，请看代码这样，就实现了元素的最左边有一个最右边也有一个。设置个个个等任意给定数量的方法同理。

众所周知，可以通过设置background-repeat的值来改变背景图片的重复次数。但有一个问题，background-repeat的值不是让图片只有1个，就是让图片铺满。如果只想设置给定数量的图片该怎么办？以2个为例，请看代码：

1 h1 {
2     background-image: url(logo.jpg), url(logo.jpg);
3     background-repeat: no-repeat;
4     background-position: left, right;
5 }

这样，就实现了

元素的最左边有一个logo.jpg、最右边也有一个logo.jpg。

设置3个、4个、5个等任意给定数量的方法同理。

GPU云服务器 云服务器 asp中设置背景图 js中设置编码 asp中设置隐藏 js中设置选中数据

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1932.html

相关文章

  • AngularJS中ng-class的用法

    摘要：从今天开始写博，记录下自己技术发展的点滴吧。相比另外两种，类型的表达式就有优势。缺点是多了，写起来挺麻烦的第三种，表达式为这里中的每个元素都绑定了一个的输入值，实际上每个元素都使用了类型的值中元素可以为或者，中对的规则同上。 从今天开始写博，记录下自己技术发展的点滴吧。 一、什么是ng-class ng-class是AngularJS预设的一个指令(directive)，通过这个指令能...

    张金宝 评论0 收藏0

  • CSS 背景

    摘要：概览背景属性用于定义元素的背景。如果边框有透明部分如虚线边框，会透过这些透明部分显示出背景色。从父元素继承背景颜色，这个在上存在兼容问题。背景图像会随着页面其余部分的滚动而移动。简写属性属性在一个声明中设置所有背景属性。 概览 CSS 背景属性用于定义HTML元素的背景。 相关的属性 background-color: 设置背景颜色 background-image: 设置背景图片 ...

    lastSeries 评论0 收藏0

  • CSS3 新特性

    摘要：语法说明对象选择器投影方式轴偏移量轴偏移量模糊半径阴影扩展半径阴影颜色内阴影，向右偏移，向下偏移，模糊半径，阴影缩小属性的参数设置取值阴影类型此参数可选。 CSS3 是最新的 CSS 标准，并且完全向后兼容，不过目前W3C 仍然在对 CSS3 规范进行开发，虽然标准的规范还没有正式发布，但是现代浏览器已经支持相当多的 CSS3 属性了。CSS3 提供了很多可以把玩的新特性，模糊了之前只...

    justjavac 评论0 收藏0

  • 对移动端兼容适配的分析

    摘要：一思考在移动端越来越重要的背景下，每位开发者对移动适配都有自己的想法。这个和移动端的设计体验方式是比较像的。对移动端的特殊性进行适配，如问题，默认样式等。 一、思考 在移动端越来越重要的背景下，每位web开发者对移动适配都有自己的想法。是移动优先，还是PC优先，还是两者兼得？在实际开发中这个问题是和项目产品定位有关的，也涉及到UI的设计，不是开发者能决定。但不管产品如何定位，作为开发...

    huashiou 评论0 收藏0

发表评论

登陆后可评论

0条评论

FullStackDeveloper

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<