CSS常用效果实现004——控制div的背景图片的长宽

原创 2016年08月28日 22:26:49

<--------------------------------------------------------------->

1.效果展示

图中可以看到,“加”和“减”就是直接使用的div的背景图片来控制。

 

2.代码

HTML :

 

CSS :关键是使用background-size:30px 30px;使得图片大小适合div的大小

 

<--------------------------------------------------------------->

有一种踏实的感觉!真好!

 

css3实现一个div设置多张背景图片及background-image属性

引子 以前做网页布局的时候,一个div只能设置一张背景图片,设置多个背景的话,要用多个div嵌套才能实现,这样兼容性比较好。若您的网站要求兼容浏览器低版本,建议用这种方法。css3的出现,解决了...
  • twoto3_
  • twoto3_
  • 2016年09月20日 14:12
  • 1425

css3实现一个div设置多张背景图片及background-image属性

css3实现一个div设置多张背景图片及background-image属性 2014年9月16日 52122次浏览 引子 以前做网页布局的时候,一个div只能设置一张背景图片,...
  • amy0821
  • amy0821
  • 2016年08月23日 17:26
  • 1038

css3实现一个div设置多张背景图片及background-image属性

以前做网页布局的时候,一个div只能设置一张背景图片,设置多个背景的话,要用多个div嵌套才能实现,这样兼容性比较好。若您的网站要求兼容浏览器低版本,建议用这种方法。css3的出现,解决了一个div只...
  • cwzhsi
  • cwzhsi
  • 2015年03月26日 20:40
  • 1134

网页中的:代码编写可变长宽的 框框 背景图片 制作 可变适应性的自动改变长和宽的

第一步:要用的圆角矩形的图片一张                 第二步:用photoshop进行截图,方法:“5截图”,立刻是固定长宽的框框,自由可变长宽。(注意:div>截图的宽度...

RecyclerView设置背景图片长宽一样(以GridLayoutManager为例)

使用RecyclerView的过程中,由于设置了LayoutManager的关系,控件(的background)往往不能通过指定长宽为match_parent、wrap_content来实现长宽大小相...
  • Bthsky
  • Bthsky
  • 2017年11月05日 13:48
  • 256

【前端】CSS实现背景图片透明和文字不透明效果

项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果,记录一下,方便日后学习。 1.毛玻璃效果:背景图 + 伪类 + flite:blur(3px) .d...
  • hj7jay
  • hj7jay
  • 2017年06月20日 09:57
  • 1661

CSS+DIV网页样式与布局——页面背景&图片效果

在既CSS文字效果之后就是网页的页面了,页面上要有图片才会更加的丰富多彩,是图片让我们的生活更加多样化,如果一篇文章中穿插一些图片就会更吸引人的眼球。现在就揭晓CSS控制下的图片是什么样子的。    ...

转 div+css 背景图片的定位取图问题详解

我们在研究其他的网站的样式的时候经常会发现一种情况,就是在很多background属性里都调用同一张图片,来满足网页各个部分的使用。打开这种图片看一下,会发现这张图片上包含了很多小图片,比如: ...

CSS常用背景图片定位方法

CSS背景图片定位其实对于每一位学习前端的同学来说,都已经非常熟悉了。网上铺天盖地的最常见的一种方案就是在父元素中relative,然后子元素absolute。这种方案当然好,不过带来的一个缺点就是会...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS常用效果实现004——控制div的背景图片的长宽
举报原因:
原因补充:

(最多只允许输入30个字)