css的background属性

琛ｈ。发布于2019-08-28 18:28 / 990人阅读

摘要：背景属性如下设置或检索对象的背景特性设置或检索对象的背景颜色设置或检索对象的背景图像设置或检索对象的背景图像如何铺排填充设置或检索对象的背景图像是随对象内容滚动还是固定的设置或检索对象的背景图像位置新增的设置或检索对象的背景图像

背景background属性如下：

background:设置或检索对象的背景特性
background-color:设置或检索对象的背景颜色
background-image:设置或检索对象的背景图像
background-repeat:设置或检索对象的背景图像如何铺排填充
background-attachment:设置或检索对象的背景图像是随对象内容滚动还是固定的
background-position:设置或检索对象的背景图像位置
css3新增的:
background-origin:设置或检索对象的背景图像显示的原点
background-clip:检索或设置对象的背景向外裁剪的区域
background-size:检索或设置对象的背景图像的尺寸大小

background-origin： [ , ]*
= border-box | padding-box | content-box

div
{ padding:25px;
border:10px dotted #000000;
background-image:url("/i/eg_smile.gif");
background-origin:content-box;
background-repeat:no-repeat;}

div
{ padding:25px;
border:10px dotted #000000;
background-image:url("/i/eg_smile.gif");
background-origin:border-box;
background-repeat:no-repeat;}

 div
{ padding:25px;
border:10px dotted #000000;
background-image:url("/i/eg_smile.gif");
background-origin:padding-box;
background-repeat:no-repeat;}

GPU云服务器云服务器 css属性访问CSS属性 position属性，css 获取CSS属性值

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/111254.html

[实践总结]纯css实现动态边框

摘要：另外一种实现思路是添加四个来分别实现上下左右的边框效果，虽然可行，但是要添加四个额外元素，有点儿得不偿失的感觉。背景这几天工作中遇到一个交互需求，要求实现一个效果，当鼠标移入一个元素的时候，元素出现一个动态的边框，如图： showImg(https://user-gold-cdn.xitu.io/2019/5/15/16aba8a2ccb58e4e);动态边框思路看到这个效果，我首先想...

BlackHole1 2019-05-23 16:28 评论0 收藏0
CSS学习笔记(七) 背景

摘要：任何方向上都不重复只让背景图片显示一次。，背景图片就会以段落的中心点为起点。第一个值表示水平位置，第二个值表示垂直位置。拉大图片，使其完全填满背景区保持宽高比。提示渐变是帮我们生成的背景图片。在CSS里面，每个元素盒子都可以想象成由两个图层组成。前景层：内容（如文本或图片）和边框。背景层：用实色填充（使用 background-color 属性），也可以包含任意多个背景图片（...

Pikachu 2019-08-28 18:03 评论0 收藏0
图解CSS3 读书笔记——背景

摘要：将保持背景的原始高度和宽度。对于平铺的重复性背景图像，确保背景图像不会有截断效果。解决屏幕双倍像素下背景图像模糊问题。将大图缩小一倍使用链接或者列表元素的背景图像能和文本一起进行缩放。内联元素背景图像平铺循环方式暂无文章多背景 CSS背景属性基本属性 background-color: 默认值为transparent，可以以颜色名、rgb(css3新增rgba)、hls(css3中新...

felix0913 2019-08-28 18:23 评论0 收藏0
CSS 设计指南学习笔记二

摘要：原文地址本篇文章是笔者的设计指南学习笔记的第二部分，由于最近都在准备期末考的事，所以都没来得及对设计指南进行一些总结，没有看之前第一部分的话也可以从这里传送过去。原文地址：http://justclear.github.io/css-stylin-with-css-note-2 本篇文章是笔者的《CSS 设计指南》学习笔记的第二部分，由于最近都在准备期末考的事，所以都没来得及对 ...

printempw 2019-08-30 12:47 评论0 收藏0
css学习归纳总结（二）

摘要：子选择器只对直接后代有影响的选择器，而对孙子后代以及多层后代不产生作用。烂透了尽可能使用复合语法糟糕好的避免不必要的重复糟糕好的组织好的代码格式代码的易读性和易维护性成正比。标签与元素标签和p元素有什么区别呢？大多数时候他们表示的是同一样东西，但仍有细微的区别。、等指的是HTML分隔符，而元素则是由一对开始结束标签构成的，用来包含某一些内容子选择器和后代选择器的区别：后代选择器...

KnewOne 2019-08-28 18:00 评论0 收藏0
前端面试之CSS3新特性

摘要：和这三个特性是新增的和动画相关的特性。使用方式如下和变换类型可以有各种变换类型，即属性值定义不进行转换。设置列之间的宽度样式和颜色规则和和用户界面中，新的用户界面特性包括重设元素尺寸盒尺寸以及轮廓等。除了html5的新特性，CSS3的新特性也是面试中经常被问到的。选择器 CSS3中新添加了很多选择器，解决了很多之前需要用javascript才能解决的布局问题。 element1~...

glumes 2019-08-29 12:53 评论0 收藏0