分享好友 教程首页 教程搜索 频道列表

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

2018-09-08 01:397390
+关注29
核心提示:Background是什么意思,翻译过来有背景意思。同样在css里面作为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

整理员:小黑
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
最新其他更多

js 生成四个随机字母或数字+js获取当前日期

    js获取当前的日期和时间

网络转载 JS相关 22021-12-25

js实现字符串隔4位或隔2位 添加符号(空格、- 等)

    1、每隔4位添加 - ,2、每隔2位添加

网络转载 JS相关2021-12-24

让网页标签页头部有新消息提醒和Title标题文字滚动显示效果

    demo展示HTML!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xht

小黑 HTML相关2021-12-24

前端开发技术之JS实现类似手风琴左右拉动效果

    JS实现类似手风琴效果效果如下

网络转载 HTML相关 12021-12-23

下一篇
我来说两句
抢沙发