当前第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 26 27 28 29 | <!DOCTYPE html>
< html >
< head >
< style >
div
{
background:url(/i/bg_flower.gif);
background-size:35% 100%;
-moz-background-size:35% 100%; /* 老版本的 Firefox */
background-repeat:no-repeat;
}
</ style >
</ head >
< body >
< div >
< p >这是一个段落。</ p >
< p >这是一个段落。</ p >
< p >这是一个段落。</ p >
< p >这是一个段落。</ p >
< p >这是一个段落。</ p >
< p >这是一个段落。</ p >
< p >这是一个段落。</ p >
< p >这是一个段落。</ p >
< p >这是一个段落。</ p >
</ div >
</ body >
</ html >
|
效果
![1627284539241176.png (XY0]S2]9{JI4N)U3OZWIZB.png](http://ypimg.muzhuangnet.com/Collect/csharp/upload/image/402/619/877/1627284539241176.png)
推荐学习:css视频教程
以上就是css怎么让背景图拉伸的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css怎么设置span的宽度
jsp css不起作用怎么办
css哪些属性可以继承
css文字不环绕怎么办
css怎么让元素超出父元素
css中怎么设置字体颜色
css中的流体布局是什么
css如何设置占位隐藏
怎么保存css
外部css样式不生效怎么办
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css怎么让背景图拉伸