龙空技术网

CSS常用样式2

mayFree 109

前言:

现时咱们对“css让背景图片透明”可能比较看重,大家都需要学习一些“css让背景图片透明”的相关内容。那么小编在网摘上搜集了一些关于“css让背景图片透明””的相关资讯,希望同学们能喜欢,咱们一起来了解一下吧!

伪类选择器

a:link { // 访问前状态  color: #333;}a:visited { // 访问后状态  color: #0f0;}a:hover { // 鼠标悬浮状态  color: #f00;}a:active { // 鼠标点击状态  color: #00f;} 
背景属性

背景颜色

background-color

背景图片

background-color: url(xxx.jpg)

背景重复

background-repeat

repeat 重复no-repeat 不重复repeat--x 水平重复repeat--y 垂直重复

背景定位

background-position

单词表示法:

属性值有两个:第一个 水平方向的位置,另一个是垂直方向的位置

left center righttop center bottom像素表示法

第一个像素值表示距离左边距的距离,另一个是表示距离顶点的距离【分正负

100px,20px百分比表示法

背景附着

background-attachment

scroll 滚动的fixed 固定的CSS3 新增背景属性背景半透明

颜色新增了一种 rgba 模式

语法:rgba(红色,绿色, 蓝色,不透明度)

背景缩放

background-size

px值百分比cover 自动缩放比例,把背景图像调整成足够大contain 自动缩放比例,把背景图像调整成最大多背景

CSS3中,一个盒子中,可以添加多个背景

定位属性

position

relative 相对定位absolute 绝对定位fixed 固定定位相对定位

relative,必须搭配偏移量属性才能发生位置移动

.box {		  position: relative;	  left: -100px;  top: -100px;  background: yellowgreen;}

标签: #css让背景图片透明