当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
*{
margin: 0;
padding: 0;
}
div{
width: 200px;
height: 200px;
border: 1px solid black;
background-image: url(css.jpg);/* 引入图片 */
background-size: 100px 100px;/* 设置图片的大小 */
background-repeat: no-repeat;/* 如果图片比较小,框比他大的时候,设置的显示方式,repeat-x沿x轴显示,repeat-y沿y轴显示 */
background-position: 50% 50%;/* 设置图片的位置,left top左上,center center居中..... */
}
</style>
<title></title>
</head>
<body>
<div></div>
</body>
</html>
|
相关视频教程：css视频教程
以上就是css3如何设置背景图片的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
overflow-y属性怎么用
css <basic-shape>的基本形状函数有哪些？如何使用？
css怎么设置背景图片的透明度
箭头用CSS3怎么写
CSS3中background-size实现背景图片大小可自定义的几种效果（代码实例 ）
详细了解CSS3中的border-image-slice属性
CSS3怎么让文字垂直居中显示
手把手教你使用CSS3给文字添加阴影效果（代码详解）
CSS3混合模式使用详解
resize属性怎么用
更多相关阅读请进入《CSS3》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css3如何设置背景图片
