首页前端开发CSScss background之设置图片为背景技巧

css background之设置图片为背景技巧

时间2024-05-27 11:52:03发布访客分类CSS浏览23
导读:css background之设置图片为背景技巧-css 背景 Background是什么意思,翻译过来有背景意思。同样在css里面作为css属性一成员同样是有背景意思,并且是设置背景图片、背景颜色、背景图片截取等样式。 首先先来看看bac...

css background之设置图片为背景技巧-css 背景

Background是什么意思,翻译过来有背景意思。同样在css里面作为css属性一成员同样是有背景意思,并且是设置背景图片、背景颜色、背景图片截取等样式。

首先先来看看background有那些值(可进入CSS手册的background详细了解)

可以按顺序设置如下属性(可点击进入相应的css手册查看使用):
background-color 背景颜色
background-image 背景图片
background-repeat 背景重复
background-attachment 背景图片是固定还是滚动
background-position 背景图片的定位

接下来我们重点来讲解css background通常的使用方法
首先我们来看下面一段代码
background:url(bgimg.gif) no-repeat 5px 5px;
如下图解释


从图上的CSS background解析图我们可以详细了解到background的css属性使用方法。

background:url(bgimg.gif) no-repeat 5px 5px; 这样的css背景表达可以节约和优化css文件代码。
学习者可以使用和测试更改background各个属性来了解和掌握关于css background

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: css background之设置图片为背景技巧
本文地址: https://pptw.com/jishu/669169.html
企业使用专用服务器有什么好处 DIV CSS图片_CSS img

游客 回复需填写必要信息