分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

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

发布时间:2023-09-06 01:53责任编辑:苏小强关键词:CSS

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 */ ???}

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

原文地址:https://www.cnblogs.com/allen2333/p/9011685.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved