background-size,CSS3,样式表
web前端-css教程
我们知道,在CSS3里有一项很重要的属性,bachground-size属性,它的作用就是定义背景图片的大小,值有5种,auto , 像素值 ,百分比 , cover , contain。今天就教大家如何使用bachground-size属性。仿百度云系统源码,ubuntu禁用幽灵补丁,爬虫是否退出程序,linux php,石榴seo团队lzw
background-size:auto,默认值,以图片自身大小填充元素,根据元素大小来调节自身比例,不会让图片变形。珠宝类展示网站源码,ubuntu查看系统目录,tomcat可以用来生产吗,爬虫编小程序,php网站视频教程全集交流,seo点击高手lzw
CSS3关于background-size属性lol 外挂源码,vscode终端打开就闪退,ubuntu进入arm,tomcat修改显示名称,编写爬虫感悟,php 制造异常,盐城抖音seo优化搜索排名lzw
1.background-size属性 div{width:300px;height:150px;border:1px solid black;background:url("photo.jpg") no-repeat;}
2.背景图片本身大小—width:200px ,height:133px ,上述代码的效果图如下:
像素值,比如 30px 50px,分别表示width height
CSS3关于background-size属性
background-size属性 div{width:300px;height:150px;border:1px solid black;background:url("photo.jpg") no-repeat;background-size:250px 100px;}
相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
Css3中transform属性的使用教学
Css3中的border-image属性详细介绍
前端项目里里定位几种方式