css3 设置背景图片大小(缩略图形式缩小)
2015-06-12 10:36
495 查看
废话当然不说了。直接上代码
效果如图:
<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;后面是设置缩略图宽和高。
效果如图:
相关文章推荐
- Radiobutton样式
- Sass浅谈
- 用CSS如何实现单行图片与文字垂直居中
- 纯CSS实现图片
- 巧用CSS3 :target 伪类制作Dropdown下拉菜单(无JS)
- CSS禅意花园——CSS设计的绝美境界
- ActionBar 样式详解 -- 样式 主题 简介 Actionbar 的 icon logo 标题 菜单样式修改
- CSS3 选择器
- JS、CSS命名规范
- 用CSS截断字符串
- CSS的盒子模型
- CSS在线学习
- 样式与主题
- css元素居中实现方法
- Windows Phone 三、样式和资源
- TIKZ全局样式设置
- css中div高度自适应
- 网页 css 样式 初始化
- CSS3 transform实现图片投影效果
- css sprite---css精灵网页图片应用处理方式分析