CSS - 插入图片img和背景图片

1. img插入图片，用的最多，比如产品展示类

.section img {  width: 200px;/* 插入图片更改大小 width 和 height */height: 210px;margin-top: 30px;  /* 插入图片更改位置 可以用margin 或padding  盒模型 */margin-left: 50px; /* 插入当图片也是一个盒子 */}

2. 背景图片一般用于小图标背景或者超大背景图片

.aside {width: 400px;height: 400px;border: 1px solid purple;background: #fff url(images/sun.jpg) no-repeat;background-size: 200px 210px; /*  背景图片更改大小只能用 background-size */background-position: 30px 50px; /* 背景图片更该位置 用 background-position */}

转载于:https://www.cnblogs.com/allen2333/p/9011685.html

CSS - 插入图片img和背景图片相关推荐

CSS学习记录3.2/设置标签的背景颜色/控制背景图片的平铺方式/控制背景图片的位置/背景图片关联方式/背景图片和插入图片的区别/捕鱼达人背景练习/精灵图
设置标签的背景颜色: CSS中的background-color:属性,就是专门用来设置标签.bc+table 设置背景图片: CSS中的background-image: url( );的属性就是设 ...
CSS实现鼠标悬浮时背景图片拉近且增加遮罩层效果
效果预览点击查看效果我们在浏览网站时会发现有一些图片在鼠标悬浮在上时会有放大拉近的效果. 想要实现这个效果有两种方法,第一种方法是控制背景图片,第二种方法是控制插入的图片,我们这里介绍第一 ...
css之文本溢出处理 | 背景图片处理
文本溢出处理单行文本用缩略符号--text-overflow:ellipsis; 多行文本做截断策略--line-height * 行数 = height;text-overflow:hidden; ...
CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?...
原文:CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size? 其实方法非常简单,直接写代码: &l ...
背景图片固定（背景图片附着）（HTML、CSS）
背景图片固定(背景图片附着)(HTML.CSS) <!DOCTYPE html> <html lang="en"><head><meta ...
下载页面的css样式文件引用的背景图片
在加载网页的时候,一般会缓存该网页使用的图片资源. 我们在页面的Sources目录下是能够找网所使用的样式和图片等资源. 那么如何下载某网站中我们需要的图片? 使用360浏览器,使用F12功能,选中网 ...
css样式里把背景设置为图片,利用css如何设置全屏背景图片
利用css如何设置全屏背景图片如果你有一张比较绚烂的图片想做背景,可以这样设置,就跟随百分网小编一起去了解下吧,想了解更多相关信息请持续关注我们应届毕业生考试网! 代码如下: body{ backg ...
html背景图片在底部,CSS兑现固定DIV层背景图片且底部显示
CSS实现固定DIV层背景图片且底部显示 /*CSS缩写形式*/ div { background:url(/images/about_bg.jpg) no-repeat fixed; backgro ...
CSS-Learning | background-image属性如何设置背景图片以及相关背景图片语法
背景图片设置背景图片只需设置background-image属性,接受url()函数式表示法,可以使用相对路径,如url(img/cat.jpg).浏览器此时会在保存当前样式表的目录的img子目标中 ...
android取消背景图片,android 设置背景图片
>**无背景的代码稍显枯燥啊少年: vs2015,vs2019等再拓展里下载:** ! import java.awt.FlowLayout; import javax.swing.Image ...

CSS - 插入图片img和背景图片

1. img插入图片，用的最多，比如产品展示类

2. 背景图片一般用于小图标背景或者超大背景图片

CSS - 插入图片img和背景图片相关推荐

最新文章

热门文章