css 怎么设置颜色为rgba啊

html-css08

css 怎么设置颜色为rgba啊,第1张

在css中使用rgba(255, 255, 255, 0.5)这样的格式来表示rgha。其中最后一个参数表示Alpha通道,表示透明度。

例如:给两个div添加一样的背景色设置不同的透明度

代码:

<div class="div1">rgba透明度0.4</div>

<div class="div2">rgba透明度0.6</div>

css:

div{

margin:10px auto

width:200px

height:100px

text-align: center

line-height: 90px

}

.div1{background: rgba(83,172,150,0.4)}

.div2{background: rgba(83,172,150,0.8)}

效果:

font-size:12px

<body bgcolor="#000000">

<body bgcolor="rgb(0,0,0)">

<body bgcolor="black">。

一、认识CSS 颜色(CSS color)

这里要介绍的是网页设置颜色包含有哪些;网页颜色规定规范。

1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色。

2、颜色规范与颜色规定:网页使用RGB模式颜色。

二、颜色基础知识

网页中颜色的运用是网页必不可少的一个元素。使用颜色目的在于有区别、有动感(特别是超链接中运用)、美观之用,同时颜色也是各种各样网页的样式表现元素之一,了解CSS 字体颜色。

传统的html颜色与w3c标准下的css颜色对比和DIV CSS运用颜色。

CSS color颜色语法:

color:#000000

Css样式中color后直接加RGB颜色值(#FFFFFF 、#000000 、#F00)

RGB颜色值在实际布局时候确定,可以使用Photoshop(简称PS)拾取工具进行获取获得。

三、两种方法设置对象颜色样式。

1、在DIV标签内使用color颜色样式。

<div style="color:#F00">www.jb51.net</div>。

2、在CSS选择器中使用color颜色样式CSS代码:

.divcss5{color:#00F}

/* 设置对象divcss5内文字为蓝色 */

扩展阅读:这里运用了CSS注释对此样式设置说明,了解CSS 注释。

3、DIV+CSS颜色样式完整案例:

Css代码。