css3 设置背景图片大小（缩略图形式缩小）

废话当然不说了。

直接上代码

<style>#mycon{background:url('Tpl/1.jpg');background-size:400px 400px;background-repeat:no-repeat;border-radius: 4px;border: 1px solid #ccc;width: 400px;height: 400px;}</style>
<div id="mycon">原来背景图大小：970*630这里才是战场,以缩略图的形式来将背景图设置
</div>

background-size:400px 400px;
后面是设置缩略图宽和高。

效果如图：



转载于:https://www.cnblogs.com/mengfanrong/p/5268853.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/288745.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

C# WPF UI框架MahApps切换主题

C# WPF UI框架MahApps切换主题

概述本指南将向您介绍MahApps.Metro如何切换主题&#xff0c;所有的MahApps.Metro的主题都包含在单独的资源字典中。如何使用主题您可以在以下可用配色方案中进行选择&#xff1a;"Red", "Green", "Blue", "Purple", "Orange&quo…
阅读更多...
剑指offer之打印链表的倒数第N个节点的值

剑指offer之打印链表的倒数第N个节点的值

1 问题 打印链表的倒数第N个节点的值&#xff0c;&#xff08;要求能只能便利链表一次&#xff09; 比如链表如下&#xff0c;打印倒数第三个值就是4 1-> 2-> 3-> 4-> 5-> 6 2 思路 既然只要只能遍历一次&#xff0c;我们可以这样思考&#xff0c;比如我们要…
阅读更多...
网盘搜索插件php源码,百度云网盘搜索引擎 PHP版 v1.0

网盘搜索插件php源码,百度云网盘搜索引擎 PHP版 v1.0

百度云网盘搜索引擎是一个以PHPMySQL进行开发的网盘搜索引擎源码。百度云网盘搜索引擎运行运行环境 开始之前你需要安装* PHP 5.3.7 * MySQL* Python 2.7 ~* [xunsearch](//xunsearch.com/) 搜索引擎项目的目录结构___大致是这样的--- indexer/ #索引--- spider/ #爬虫--- sql/…
阅读更多...
C#委托、事件学习之（三）——热水器烧水案例

C#委托、事件学习之（三）——热水器烧水案例

using System;namespace DelegateExample {public class Heater{private int temperature;public string type = "RealFire 001"; // 添加型号作为演示public string area = "China Xian"; // 添加产地作为演示//声明委托public delegate void BoiledEvent…
阅读更多...
【hive】——metastore的三种模式

【hive】——metastore的三种模式

Hive中metastore&#xff08;元数据存储&#xff09;的三种方式&#xff1a; 内嵌Derby方式Local方式Remote方式[一]、内嵌Derby方式 这个是Hive默认的启动模式&#xff0c;一般用于单元测试&#xff0c;这种存储方式有一个缺点&#xff1a;在同一时间只能有一个进程连接使用数…
阅读更多...
IDC：第一季度全球服务器市场收入下滑4.6% 市场为重大升级做准备

IDC：第一季度全球服务器市场收入下滑4.6% 市场为重大升级做准备

根据IDC全球服务器市场季度追踪报告&#xff0c;2017年第一季度全球服务器市场的厂商收入同比下滑4.6%。整个服务器市场的增长继续放缓&#xff0c;大多数超大规模服务提供商都在等待今年第二季度部署英特尔新的Skylake处理器。高端服务器销售继续拖累整体市场表现&#xff0c;…
阅读更多...
DataGridView很详细的用法

DataGridView很详细的用法

DataGridiew用法总结一、DataGridView 取得或者修改当前单元格的内容&#xff1a; 当前单元格指的是 DataGridView 焦点所在的单元格&#xff0c;它可以通过 DataGridView 对象的 CurrentCell 属性取得。如果当前单元格不存在的时候&#xff0c;返回Nothing(C#是null) // 取得当…
阅读更多...
python如何创建excel文件_Python xlrd/xlwt 创建excel文件及常用操作

python如何创建excel文件_Python xlrd/xlwt 创建excel文件及常用操作

一、创建excel代码备注&#xff1a;封装好了(可直接调用)"""-*- coding:utf-8 -*-Time :2020/8/20 21:02Author :JarvisFile :jar_excel_util.pyVersion&#xff1a;1.0"""from typing import Listimport xlwtclass JarExcelUtil:def __init__(s…
阅读更多...
最通俗易懂的依赖注入之服务注册与注入

最通俗易懂的依赖注入之服务注册与注入

推荐关注「码侠江湖」加星标&#xff0c;时刻不忘江湖事这篇文章是 ASP.NET 6 依赖注入系列文章的第 4 篇&#xff0c;点击上方蓝字可以阅读整个系列。在上一篇文章中&#xff0c;我们讨论了依赖注入的服务容器与服务作用域。接下来&#xff0c;在这篇文章中&#xff0c;我们继…
阅读更多...
linux之可视化查看磁盘大小并且删除大文件

linux之可视化查看磁盘大小并且删除大文件

1 问题 可视化查看磁盘大小并且删除大文件&#xff0c;之前我一直没有找到好的办法&#xff0c;原谅我的无知。 2 操作 我们直接搜索Disk Usage Analyzer 然后一个一个目的的点击查看&#xff0c;如下图 我们就可以清晰的看到文件占用大小&#xff0c;我们就可以很好的删除了…
阅读更多...
php Heredoc应用说明

php Heredoc应用说明

Heredoc部分实现界面与代码的准分离 我们如下的例子可以了解 Heredoc&#xff1a; <?php $name http://blog.csdn.net/a757291228; echo <<<HRERDOC <html> <head> <title>http://blog.csdn.net/a757291228</title> </head>…
阅读更多...
C#委托、事件学习之（一）——委托事件描述

C#委托、事件学习之（一）——委托事件描述

1、委托是一个类，定义了方法的类型，使得该方法可以作为其他方法的参数。避免了if...else的大量使用。 using System;namespace ConsoleApplication1 {public class GreetPeople{public delegate void GreetEventHander(object sender, GreetEventArgs e);public event Greet…
阅读更多...
个人空间风格模版php,ThinkPHP 模板布局

个人空间风格模版php,ThinkPHP 模板布局

模块继承 {extend name"" /}{block name""}{/block}基础模板 base.html子模板 块区在子模板中&#xff0c;可以对基础模板中的区块进行重载定义&#xff0c;如果没有重新定义的话&#xff0c;则表示沿用基础模板中的区块定义&#xff0c; 如果定义了一个空…
阅读更多...
Win10用户远超4亿 Win10 RS2明年年初发布

Win10用户远超4亿 Win10 RS2明年年初发布

10月26日晚22:00&#xff0c;微软Win10新品发布会在纽约芝士举行。发布会前&#xff0c;微软宣布目前最新的操作系统Windows 10已经迎来了4亿的用户&#xff0c;Windows 10的使用小时数&#xff0c;已经达到了2000亿&#xff0c;游戏时间也增长了500%。 同时微软还宣布&#xf…
阅读更多...
bootstrap导航

bootstrap导航

HTML <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IE-edge"><!-- 开启IE8渲染模式 --><meta name"viewport" cont…
阅读更多...
一个类可以实现多个接口吗_Java入门：基础知识(面向对象:接口)

一个类可以实现多个接口吗_Java入门：基础知识(面向对象:接口)

接着上一篇的基础知识&#xff0c;今天俺们来学习一下&#xff1a;面向对象(万物皆对象)三大特征(封装、继承、多态)接口接口 概述&#xff1a;接口是一种引用数据类型&#xff0c;是方法的集合&#xff0c;接口的内部主要是定义方法&#xff0c;包含常量、抽象方法(JDK7及以…
阅读更多...
剑指offer之判断链表是否包含环

剑指offer之判断链表是否包含环

1 问题 判断链表是否包含环 2 思路 2个指针&#xff0c;一个指针走一步&#xff0c;一个指针走2步&#xff0c;如果相遇则有&#xff0c;反之无。 3 代码实现 #include <stdio.h> #include <stdlib.h>#define true 1 #define false 0;typedef struct node {int …
阅读更多...
生成条形码二维码DataMatrix条码.EAN码.39码.交叉25码.UPC码.128码.93码.ISBN码.Codabar等...

生成条形码二维码DataMatrix条码.EAN码.39码.交叉25码.UPC码.128码.93码.ISBN码.Codabar等...

1.引用Spire.Barcode在Nuget包中安装Spire.Barcode2.生成条形码//创建 BarcodeSettings对象BarcodeSettings settings new BarcodeSettings();//设置条形类型为EAN-13settings.Type BarCodeType.EAN13;//设置条形码数据settings.Data "58465157484";//使用校检set…
阅读更多...
php Trait 基础应用讲解

php Trait 基础应用讲解

首先&#xff0c;上手册&#xff1a;自 PHP 5.4.0 起&#xff0c;PHP 实现了一种代码复用的方法&#xff0c;称为 trait。 随后。。。来讲解trait的用法&#xff1a; trait first_trait {function first_trait() {//里面写你想写的代码}function second_trait() {//里面写你想…
阅读更多...
用UIpickView实现省市的联动

用UIpickView实现省市的联动

#import <UIKit/UIKit.h> interface ViewController : UIViewController<UIPickerViewDataSource,UIPickerViewDelegate> property(strong,nonatomic)UIPickerView *pickView; //定义一个可变数组用于存放省的数据 property(strong,nonatomic)NSMutableArray *Stat…
阅读更多...
最新文章

Copyright @ 2022~2023