背景属性的相关属性设置

背景的颜色：background-color：（与文字的颜色color设置一样，只是表示的属性值不一样）

背景的颜色的设置可以分为：

英文定义的颜色的单词；
十六进制的书写方式；
rgb(0,0,0)三原色的书写方式，数值是0~255之间的整数；
rgba(0,0,0,0.0)前面三个同上，最后的一个表示的是颜色的透明度的方式数值是0~1之间的小数值。

背景的图片：background-image：

语法：background-image：url（图片的路径）;

图片在标签中是默认平铺。

背景图片的重复设置：background-repeat：

repeat：重复默认选项；

no-repeat：不重复，即不平铺；

repeat-x：横向平铺

repeat-y：纵向平铺；

背景图的定位设置：background-position：

绝对定位：x的坐标值 y的坐标值

像素值：10px 10px;

百分比：10% 10%;

方位值定位：top | left | right | bottom

背景图是否随页面移动而移动：background-attachment：

scroll：随页面的移动而移动（默认值）

filled：不会碎页面的移动而移动；

关于背景图的简写方式：

background：color url（路径） repeat（是否重复）position（定位）

转载于:https://www.cnblogs.com/792155879a/p/5723117.html

背景属性的相关属性设置相关推荐

css与背景相关的属性有哪些,css的背景background的相关属性
今天需要做一个占满设备宽度的轮播图,这里作为demo仅展示一张图,下面分别是要操作的图片(这里做了缩放处理,实际的图比较大),以及要实现的效果图,很明显两者是不成比例的: (图一) (图 ...
CSS中伪元素、伪类选择器和字体、文本相关属性
CSS中伪元素.伪类选择器伪元素选择器伪元素选择器只能针对CSS中已有的伪元素起作用. CSS提供的伪元素选择器有如下几个: :first-letter:对指定对象的第一个字符起作用. :firs ...
CSS样式字体与文本相关属性
CSS样式字体与文本相关属性字体相关属性基本属性添加阴影添加多阴影微调字体大小颜色表示文本相关属性文本基本属性文本自动换行长单词和URL地址换行 CSS3新增服务器字体字体相关属 ...
CSS3的字体和文本相关属性
CSS3其中一个重要变化就是增加了服务器字体功能,这样避免了我们浏览页面时因为字体缺失导致网页效果变差的问题.通过CSS3的服务器字体功能,可以控制浏览器使用服务器包含的字体,这样可以保证即使我们的电 ...
＜a＞元素相关属性及方法
<a> 元素 <a>元素用来设置链接.除了网页元素的通用接口(Node接口.Element接口.HTMLElement接口),它还继承了HTMLAnchorElement接口和 ...
CSS-Learning | background-image属性如何设置背景图片以及相关背景图片语法
背景图片设置背景图片只需设置background-image属性,接受url()函数式表示法,可以使用相对路径,如url(img/cat.jpg).浏览器此时会在保存当前样式表的目录的img子目标中 ...
css3背景、边框、和补丁相关属性
border :基本语法 border: border-width || border-style || border-color 默认值为: medium none . border-color 的 ...
.net的label的背景如何设置成为透明_css如何设置背景图片？background属性添加背景图片...
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...
css中的背景、边框、补丁相关属性
css中的背景.边框.补丁相关属性关于背景涉及到背景颜色与背景图片背景颜色background-color即可设定: 背景图片background-image即可设定: 但是背景图片还涉及到其他的 ...

背景属性的相关属性设置

背景属性的相关属性设置相关推荐

最新文章

热门文章