css基础--背景与颜色

CSS 背景与颜色设置
本文介绍了 CSS 中如何设置元素的颜色与背景属性,包括颜色的多种表示方法(如 #rrggbb 和 rgb()),以及如何使用 background-color 设置背景颜色,使用 background-image 添加背景图片,并介绍了其他背景属性如 background-repeat、background-attachment 和 background-position 的用法。

颜色

color: rrggbb

       红色 #ff0000 绿色 #00ff00 蓝色 #0000ff  #00f黑色 #000000 #000白色 #ffffff #fff    

color: rgb(255,0,0)

       红色 rgb(255,0,0) 绿色 rgb(0,255,0) 蓝色 rgb(0,0,255) 黑色 rgb(0,0,0) 白色 rgb(255,255,255)

color: rgb(100%,0%,0%)

 

背景 

background-color背景颜色属性

       background-color:要设置的背景颜色

background-image背景图片属性

       background-image:<url>|none</url>

       eg)background-image:url(images/fish.gif)

background-repeat背景图片并排属性

       background-repeat:repeat(默认,背景图片并排处理)|repeat-x(背景图片水平重复)|repeat-y | no-repeat(背景图片不并排处理)

background- attachment固定背景图片属性

       background-attachment: scroll(当移动滚动条时,背景图片跟着移动) | fixed (背景图片不跟着移动)

background-position背景图片位置属性

     1)  background-position:20% 20%水平位置和垂直位置的比例

     2)  background-position:10px 10px css中的量

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值