本文摘自PHP中文网,作者青灯夜游,侵删。
在css中,可以使用background-size属性来设置背景图片的大小;语法格式为“background-size:length|%|cover|contain;”,默认值为“auto”。
本教程操作环境:windows7系统、CSS3版、Dell G3电脑。
css设置背景图片大小
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< style >
body {
background: url(img/1.jpg);
background-size: 80px 60px;
background-repeat: no-repeat;
padding-top: 40px;
}
</ style >
</ head >
< body >
< p >
Lorem ipsum,中文又称“乱数假文”, 是指一篇常用于排版设计领域的拉丁文文章 ,主要的目的为测试文章或文字在不同字型、版型下看起来的效果。
</ p >
< p >原始图片: < img src = "img/1.jpg" alt = "Flowers" width = "224" height = "162" ></ p >
</ body >
</ html >
|
效果图:
阅读剩余部分
相关阅读 >>
css如何添加背景
css中文字相关属性的介绍
css3 flexbox该怎么使用?
jquery怎么取消css样式
css网页布局是什么
css中position属性有哪些用法
css怎么实现平方
css怎么更改超链接颜色
css实现文字竖排效果
常用的css背景属性介绍
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css怎么设置背景图片大小