div中使用背景图片

最新推荐文章于 2023-08-25 06:03:03 发布

tjzc1352640

最新推荐文章于 2023-08-25 06:03:03 发布

阅读量4.9k

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/tjzc1352640/article/details/78346360

版权

前端学习专栏收录该内容

18 篇文章 0 订阅

订阅专栏

在div中使用背景图片，并可以随意缩放图片

//html
<div class="icon"></div>

//css
.icon
     display: inline-block
     vertical-align: top
     margin-top: 6px
     width: 30px
     height: 32px
     margin-right: 9px
     bg-image('logo')
     background-size: 30px 32px

这里获取背景图片的方法使用的是stylus中函数调取，重要的是设置background-size属性，分别是宽高，然后再设置div的宽高，就能正确显示图片啦，如果把div的宽度拉长，还可以看到重复出现的情况，可以设置background-repeat决定是否重复

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

tjzc1352640

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
div中使用背景图片

在div中使用背景图片，并可以随意缩放图片
复制链接

扫一扫

专栏目录

html中div中加背景图片,div background css设置div背景图片

weixin_29830257的博客

05-30

7829

DIV后援图片div bac千克round配置篇，布景在DIV对象满铺、横向平铺、纵向平铺、不服铺定位等后盾图片布局CSS5教程篇。CSS5对DIV盒子配置后台图片，如何显现后盾图片，程度平铺图片、纵向平铺图片、无量平铺图片、定位后台图片等手腕机关教程一、配景基本语法1、CSS单词：要对任何对象设置靠山使用bac千克round花式单词。2、CSS配景属性语法结构1)、只设置装备摆设颜色：div{b...

css div背景图大小,divcss如何改变背景图片大小

weixin_32561885的博客

08-04

3667

2016-07-08 00:20齐晓彬客户经理一、网页单色背景 - TOP如果纯颜色的网页背景，只需要对body设置background背景颜色即可body{background:#FFF}设置网页背景为白色二、规律背景图片 - TOP1、从上到下渐变横向相同背景渐变从上到下宽度全屏背景效果截图这种网页背景只需要切出1像素宽，高度合适的图片作为背景素材，如下图：切出这样一个竖条图片素材作为背景素...

参与评论您还未登录，请先登录后发表或查看评论

div设置背景颜色和背景图片

最新发布

bcbobo21cn的专栏

08-25

3105

网页设置div背景色使用background-color属性；

div vue 图片背景_div设置背景(vue设置div的背景图片)

weixin_40007804的博客

12-22

2694

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,table,textarea,select{margin:0;padding:0;}ol,ul{list-style:none;}img,aimg{border:0;}.alC{text-align:center;}body{font:12pxArial;color:#6...

html div背景图片路径,css如何设置背景图片位置？

weixin_35728286的博客

06-04

3664

在使用背景图片时，经常会遇到背景图片所在的位置不是我们想要的，那如何设置背景图片的位置呢？下面我们来看一下css设置背景图片位置的方法。在背景图片的背景图片位置属性中，background-position是用来控制元素背景图片的位置。它接受三种值：关键词:如top、right、bottom、left、center长度值；如px、em、rem等百分值：%background-position 属性...

html div 转换图片不显示,div中css背景图片怎么不显示？

weixin_39602976的博客

05-30

3359

div的背景图片可以使用background-image属性设置，background-image属性会在元素的背景中设置一个图像。初始背景图像(原图像)根据 background-position 属性的值放置。背景图片不显示的问题。可能有以下几个原因：1、图片路径不正确。找不到图片当然不显示。2、背景元素没有宽度和高度。当元素没有宽高时，背景是显示不出来的。背景不会撑开元素。3、css代码写错...

div中加背景图片方法笔记

ecH0o0的博客

05-16

1万+

在div中加背景图片，例如选项卡的左下角加对钩图片。在div中应用background-image等属性，直接贴代码 background-image: url("img.jpg"); /*图片从左往右移动的百分比大小，从上往下百分比大小，重复方式换成数值同样如此，在这里没有调整大小的方法*!*/ background-position: 10% 40%; /*从左到右，从上到下的缩放比例，单位px则为px缩放*/ background-size: 40% 60%; /*填充不完则不进行重复渲染图片*

jsp中给div加背景_html中给元素添加背景图片或者gif动图

weixin_35652131的博客

02-26

3840

添加背景图片有四种常用的方式，分别是：repeat 完全平铺repeat-x 横向平铺repeat-y 纵向平铺no-repeat 不平铺使用示例：Document.box{width: 600px;height: 600px;border: 1px solid red;background: url("./images/QQon5.gif") no-repeat; //...

如何在div中设置背景图片并且自适应div大小

weixin_43387852的博客

11-16

4万+

参考如下代码，设置背景图片的大小为100% 100%并且设置no-repeat 这样图片就能在div改变的情况下，仍然显示完全 <!DOCTYPE html> <html> <head> <style> #a { background-color: rgb(255, 208, 0); background-image: url("1.png"); backgrou

在div底部显示背景图片实现代码

01-19

下面代码实现div层背景图片在底部显示：复制代码代码如下: div { background:url(/images/bg.jpg) no-repeat fixed; background-position-y:bottom; } 代码详解：复制代码代码如下: div { background-image:url...

Vue项目中设置背景图片方法

08-28

然后，我们可以在模板中使用行内样式来应用这个样式： ``` <div class="note" :style="note"></div> ``` 这样，我们就可以完美地解决背景图片无法正确显示的问题。为什么使用 require 函数可以解决这个问题？ ...

Jsp中如何让图片在div中居中

01-08

jsp中让图片在div中居中显示，如上图例子：代码如下: //CSS文件 <style type=”text/css”> #bj{ width:200px; height:200px; border:3px solid red; text-align:center; vertical-align:middle; display:...

div设置背景图片且x轴重复排列的css样式

01-19

复制代码代码如下: #box width:200px; height:100px; border:1px solid red; color:#ffffff; background:url(“photo.gif”) repeat-x; 复制代码代码如下:（y周重复排列） #box { width:200px;...

vue实现横向滚动效果（better-scroll）