css学习_css背景属性及其应用

css背景属性及其应用

1、背景

2、背景简写

3、背景透明(css3)

4、背景缩放(css3)

5、多背景图片(css3)

6、凹凸文字效果

原文地址:https://www.cnblogs.com/yangyutian/p/10463515.html

时间: 2024-12-13 08:52:23

css学习_css背景属性及其应用的相关文章

css中background背景属性概

css中background背景属性概 background:url(背景图片路径)  no-repeat;/*不重复默认在左上方*/ background:url(背景图片路径)  no-repeat center;/*不重复背景图片中间显示*/ background:url(背景图片路径)  no-repeat bottom center;/*不重复背景图片底部中间显示*/ background:url(背景图片路径)  no-repeat right top;/*不重复背景图片右上方显示*

css中background背景属性概述

background:url(背景图片路径) no-repeat;/*不重复默认在左上方*/ background:url(背景图片路径) no-repeat center;/*不重复背景图片中间显示*/ background:url(背景图片路径) no-repeat bottom center;/*不重复背景图片底部中间显示*/ background:url(背景图片路径) no-repeat right top;/*不重复背景图片右上方显示*/ background:url(背景图片路径)

CSS基本样式-背景属性

代码是敲出来的,建议一个一个过一遍 背景属性 背景颜色 background-color 背景颜色 默认值是transparent(透明的) 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS基本样式</title> <style> body{ height: 1000px; /

【CSS学习】--- overflow属性

一.前言 在网页布局中,未处理的溢出元素绝对算得上是个“毒瘤”.因为如果一个“盒子”周围还有其它元素,而从这个盒子中溢出的元素会和盒子周围的元素发生层叠,并脱离了整个HTML元素,所以我们应当合理使用CSS中的overflow属性来处理溢出的元素. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</t

css学习之 counter属性详解

学习css ,counter属性不得不了解清楚,css counter属性被几乎所有浏览器(包括IE8)支持, 但是却不常使用.本文和大家分享的就是counter属性相关内容,虽然这个属性不常用,但是希望大家需要用的时候,本文对大家有所帮助. COUNTER-RESET 明译为计数器重置.形如: counter-reset: counter-name 常见写法为 /* Set counter-name to 0 */ counter-reset: counter-name; /* Set cou

css学习_css补充知识

1.渐进增强,优雅降级 2.浏览器前缀 3.背景渐变   4.css  验证工具 2种方式:第2种支持验证本地的css(推荐) 5.css压缩  ----(节约空间,节省带宽) 6.旋转轮播图 案例: 注意: 1.3d  旋转      3d 的translateZ 2.子盒子要一般要写transform-style属性 更有3d效果 3.过渡做动画 4.父元素透视属性  有3d效果 原文地址:https://www.cnblogs.com/yangyutian/p/10747713.html

css里的背景属性有哪些,如何去使用哪些属性

分类:纯色背景    背景图像 1.背景颜色 background-color : 任意合法的颜色 和 transparent 2.背景图像 background-image : url(想要加载的图片) 3.背景图片平铺 background-repeat : repeat:默认值水平垂直方向都平铺 repeat-x : 水平方向平铺    repeat-y : 垂直方向平铺    no-repeat : 默认不平铺 4.背景图片的尺寸 background-size : value1   

CSS学习笔记-background属性

平常总是使用background的缩写形式,忽视了各属性的细节在此进行总结. background-attachment W3C:属性设置背景图像是否固定或者随着页面的其余部分滚动. 属性值: scroll   默认值.背景图像会随着页面其余部分的滚动而移动. fixed    当页面的其余部分滚动时,背景图像不会移动. inherit  规定应该从父元素继承 background-attachment 属性的设置. background-position W3C:属性设置背景图像的起始位置.其

css学习_css复合选择器

css复合选择器 a.交集选择器  (即...又...:选择器之间不能有空格) p.one{color:red;] b.并集选择器(中间由逗号隔开) p,div{color:red;} c.后代选择器(可以选择到所以的子孙后代 :中间用空格隔开) .class h3{color:red} d.子元素选择器(中间用 大括号  >; 选的是儿子,孙子啥的不算) div>span{color:red;} e.属性选择器(用中括号表示) a[title]{color:red;} input[type=