css3 设置背景图片大小(缩略图形式缩小)
2024-08-24 18:13:49
废话当然不说了。
直接上代码
<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;
后面是设置缩略图宽和高。
效果如图:
最新文章
- MongoDB 聚合管道(Aggregation Pipeline)
- 11月14日用AJAX、PHP、SESSION做购物车
- android-之测试框架的使用AndroidTestCase
- maven 各种用途
- 介绍开源的.net通信框架NetworkComms框架之七 数据加密通信
- WM_SIZE
- YTKNetwork
- 纯CSS3代码实现表格奇偶行异色,鼠标悬浮变色
- yii phpexcel <;转>;
- While installing plugin in eclipse luna, “Unable to acquire PluginConverter service” and “No repository found” errors appear in logs
- virtual private catalog
- LeetCode Solutions : Swap Nodes in Pairs
- linux的环境变量设置
- Java并发编程之ThreadLocal源码分析
- Ubuntu下的Samba服务器配置
- 【linux基础】ubuntu系统NVIDIA驱动安装
- Java8学习笔记(八)--方法引入的补充
- WordPress主题开发:循环代码
- java sm4国密算法加密、解密
- MySQL慢查询mysqlsla
热门文章
- wordpress4.0.1源码学习和摘录--函数
- paramiko学习
- python【第十一篇】消息队列RabbitMQ、缓存数据库Redis
- 练习2 J题 - 多项式求和
- PAT (Basic Level) 1013. 数素数 (20)
- Windows7のping応答の設定
- 卷积神经网络 cnnff.m程序 中的前向传播算法 数据 分步解析
- Tomcat,Weblogic,WebSphere,JBoss四种服务器简单对比
- C#入门教程笔记
- 【产品对比分析】See做了明星衣橱想做的东西?