CSS基础学习2-CSS设置颜色与背景
来源:互联网 发布:mac玩fifaonline3发烫 编辑:程序博客网 时间:2024/05/21 22:54
所有CSS基础学习文档下载地址:http://download.csdn.net/detail/rongrong_love_lc/9663463
二、CSS设置颜色与背景*****************************************1.color2.background-color3.background-image4.background-repeat5.background-attachment6.background-position7.background*****************************************1.color:可以定义字体颜色,默认字体颜色 color.html文件 <html> <head> <title>Color例子</title> <link rel="stylesheet" type="text/css" href="color.css"/> </head> <body> <h1> 设置文字颜色</h1> <p>默认字体颜色</p> </body> </html> color.css文件 body {background-color:red; color:green} h1 {color:#00ff00}2.background-color:设置背景颜色 html文件同上; color.css文件如下: body {background-color:red; color:green} h1 {background-color:rgb(0,100,100); color:#00ff00}3.background-image:设置背景图片 html文件同上; color.css文件如下: body {background-image:url("image1.jpg"); color:green} h1 {background-color:rgb(0,100,100); color:#00ff00}4.background-repeat:控制图像是否平铺和平铺方式 value:repeat-x(横向平铺);repeat-y(纵向平铺); repeat(横向和纵向都平铺,默认是这个值);no-repeat(不平铺) html文件同上; color.css文件如下: body {background-image:url("image1.jpg"); background-repeat:no-repeat; color:green} h1 {background-color:rgb(0,100,100); color:#00ff00}5.background-attachment:设置固定背景图像 value:scroll(随着屏幕滚动);fixed(固定) html文件同上; color.css文件如下: body {background-image:url("image1.jpg"); background-repeat:no-repeat; background-attachment:scroll; color:green} h1 {background-color:rgb(0,100,100); color:#00ff00}6.background-position:设置图像放置的位置 value:top,bottom,left,right,center(可以组合,以空格为界限);2cm 2cm(距离左边,顶部距离,可以是cm,也可以是mm[dm,m测试不可以]);50% 20%(水平和竖值比例) html文件同上; color.css文件如下: body {background-image:url("image1.jpg"); background-repeat:no-repeat; background-attachment:scroll; background-position:center top; color:green} h1 {background-color:rgb(0,100,100); color:#00ff00} ******************************************** body {background-image:url("image1.jpg"); background-repeat:no-repeat; background-attachment:scroll; background-position:20% 60%; color:green} h1 {background-color:rgb(0,100,100); color:#00ff00} ******************************************** body {background-image:url("image1.jpg"); background-repeat:no-repeat; background-attachment:scroll; background-position:20mm 1cm; color:green} h1 {background-color:rgb(0,100,100); color:#00ff00}7.background:以上属性的缩写 默认顺序如下:(缺省时使用默认值) [background-color] | [background-image] | [background-repeat] | [background-attachment] | [background-position] html文件同上: color.css文件如下: body {background:red url("image1.jpg") no-repeat fixed center} h1 {background-color:rgb(0,100,100); color:#00ff00}
0 0
- CSS基础学习2-CSS设置颜色与背景
- Css基础学习(五)—颜色、背景与图像
- CSS学习之 颜色与背景
- css学习代码-颜色与背景
- CSS学习笔记9-颜色与背景
- CSS 颜色和背景设置
- CSS 设置背景颜色渐变
- Css基础学习一:字体,文本,颜色,背景,边框,边距
- div css 背景颜色透明度设置
- css body的背景颜色设置
- css基础学习----背景属性
- CSS学习之“颜色和背景”
- CSS学习7(颜色和背景)
- CSS(六) 设置背景颜色和背景图像
- 颜色背景的CSS
- css背景颜色渐变
- CSS背景颜色渐变
- CSS背景颜色透明
- perl pod文档使用 =head =cut =pod pod2text 实现程序usage说明
- HTTP 1.1与HTTP 1.0的比较
- 向升序排列的单链表中插入一个值,要求插入后仍为升序链表
- GObject 学习笔记汇总---12
- java中的存储区域
- CSS基础学习2-CSS设置颜色与背景
- 安装破解torando记录
- Object——equals()方法与==运算符
- 安卓简单技术-Webview自适应手机屏幕
- vmware虚拟机与主机之间复制文件
- Bean的生命周期
- 重载/覆盖
- EventBus基本使用简介
- sharepoint 2016 弹出新窗口并返回值的方法